Javascript 使用ng repeat创建动态表单

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

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

对于每个提要，用户需要配置一个新选项卡 对于每个属性，提要都有一个标签，并创建输入文本框。 标记：

这与我拥有的支持json配合得很好，但是我想知道这种用例捕获数据的公认方式是什么，显然我不知道每个提要有多少提要或属性，所以我想我需要以某种方式将其绑定到一个数组

问题是如何使用ng模型

---

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

遗憾的是，这些输入是动态生成的，我想在这种情况下，对任何输入框的任何更改都将覆盖property.value的值。我需要为ng-repeat动态生成的每个输入动态生成一个模型实例。ng repeat创建的每个元素都有自己的作用域，并且只更新相应的值。例如，feed2.属性3.价值。ng repeat的工作原理与您期望任何语言中的for each都能工作的原理非常相似。添加一个{property.value}}以在操作中查看它。因此，当我想要获取所有这些模型以发送到服务器时，我该怎么做，我不知道这是可能的！它们在提要对象中更新。因此，您可以将整个反馈发送回服务器，例如作为JSON。显然，这取决于服务器对数据的期望。添加到页面底部，这样您就可以看到您的对象发生了什么非常感谢！我不敢相信我错过了这个功能！

<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>

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