角。js: ng-repeat内双向绑定

I'm working on an Angular application.

我正在做一个角度应用。

I want to generate a form with an arbitrary number of text input fields with two-way bindings for every individual input field. No buttons, no watchers. ng-model is not working correctly because of the scoping (if I'm not mistaken). The input fields are generated from an array with ng-repeat like this:

我想用任意数量的文本输入字段生成一个表单，每个输入字段都有双向绑定。没有按钮,没有观察者。由于范围(如果我没弄错的话)，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>

I just want a simple binding to update the items array in the controller on changes in the input.

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

Any help appreciated.

任何帮助表示赞赏。

1 个解决方案

#1

Just change input tag so it reads:

只需要改变输入标签就可以了:

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

Notice ng-model without curly braces.

注意没有花括号的ng模型。

Working plunk: http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

工作恰好:http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

#1