javascript - 将ng-model数组绑定(bind)到固定数量的文本框

如何将一个数组的ng模型绑定到固定数量的文本框？

假设我有三个文本框，它们都是可选的，您如何将ng-model绑定到这些文本框？

<input type="text" name="optionalField[]">
<input type="text" name="optionalField[]">
<input type="text" name="optionalField[]">

您可以在任何文本框中输入内容（例如，仅文本框2和3），保存后，它只会是optionalField: ['text2', 'text3']。

文字放置在哪里都无所谓；重要的是文本框的顺序。因此，当您再次显示视图时，它将被绑定到第一个和第二个文本框。如果仅在文本框3上键入，它将绑定到文本框1，依此类推。

更新：

刚刚使用dfsq的答案并对其进行了修改，以返回过滤后的值数组。
http://codepen.io/anon/pen/ozpxGq?editors=1011

最佳答案

像这样：

<input type="text" name="optionalField[]" ng-model="optionalField[0]">
<input type="text" name="optionalField[]" ng-model="optionalField[1]">
<input type="text" name="optionalField[]" ng-model="optionalField[2]">