使用 ng-repeat 创建动态表单

Question

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

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

1. 为用户需要配置的每个提要创建一个新选项卡

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

   <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 但是我想知道为这种用例捕获数据的公认方法是什么，显然我不知道每个提要有多少提要或属性，所以我想我需要以某种方式将它绑定到一个数组。

问题是怎么做的？

Answer 1

使用ng-model

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

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