使用ng-repeat创建动态表单

Question

大家好我需要创建一些动态表单，以便用户可以根据他们的规范配置提要。

我使用ng-repeat执行以下操作：

1. 对于每个Feed，用户需要配置新选项卡

2. 对于每个属性，Feed都有一个标签并创建了输入文本框。 标记：

   <tabset>
   <tab ng-repeat="feed in feeds" heading="{{feed.heading}}">
       <form role="form">
           <div class="row" ng-repeat="property in feed.properties">
               <div class="col-xs-6">
                   <div class="input-group">
                       <span class="input-group-addon">
                           <span>{{property.name}}</span>
                       </span>
                       <input type="text" class="form-control" value="{{property.value}}">
                   </div>       
               </div>
           </div>
       </form> 
   </tab></tabset>
   

这对我支持的json工作得很好但是我想知道为这种用例捕获数据的接受方式是什么，显然我不知道每个feed有多少个feed或属性所以我想我需要以某种方式将它绑定到数组。

问题是如何？

Answer 1

使用ng-model

<input type="text" class="form-control" ng-model="property.value">

这样文本框就绑定到property.value。当您更改文本框中的文本时，angular会自动更新property.value。您可以像在任何其他变量中一样在JS中使用它。这就是角度之美。