Angular.js:ng-repeat内部的双向绑定

时间:2013-02-21 16:52:15

标签: javascript angularjs

我正在开发一个Angular应用程序。

我想生成一个包含任意数量的文本输入字段的表单,其中包含每个输入字段的双向绑定。没有按钮,没有观察者。由于范围界定ng-model无法正常工作(如果我没有弄错的话)。输入字段是从具有ng-repeat的数组生成的,如下所示:

 <div ng-repeat="item in items">
   <label>{{item.name}}</label>
   <input type="text" placeholder="{{item.default}}" ng-model="{{item.value}}"> <!-- this input should be bound -->
 </div>

我只想要一个简单的绑定来更新输入中更改控制器中的items数组。

任何帮助表示感谢。

1 个答案:

答案 0 :(得分:11)

只需更改输入标记即可:

<input type="text" placeholder="{{item.default}}" ng-model="item.value">

注意ng-model没有花括号。

工作插件:http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview