将ng-model数组绑定到固定数量的文本框

时间:2016-10-05 09:06:12

标签: javascript angularjs angular-ngmodel

如何将作为数组的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

2 个答案:

答案 0 :(得分:2)

ng-repeat中,您可以使用$index

<input type="text" name="optionalField[]" ng-model="optionalField[$index]">

答案 1 :(得分:0)

像这样:

uib-tabset