如何在Angular.JS中查看动态添加的字段？

Question

请检查一下： http://plnkr.co/edit/61JgnU?p=preview

如果您开始填写字段，您将看到字段已打印。哪个好。 现在，如果按“添加输入”，则会添加一堆字段。

我需要添加要在主要字段下打印的新添加的字段值。 （如果您需要更多解释，请告诉我。）

以下是我对新添加的字段的需求：

我不知道如何在不需要创建另一个$ scope.fields数组的情况下显示这些字段。

还有一件事，在$ socpe.fields数组中有超过20个不同的字段，我只是把这个问题需要它。

感谢。

Answer 1

我的建议是使用您用于用户的相同标记循环输入数组。如果我了解您正在寻找的内容，以下内容似乎有效。

    <div ng-repeat="input in inputs">
    <table class="table table-bordered">
        <tr ng-repeat="field in fields | orderBy: 'index'" ng-show="input[field.id]">
            <td class="col-md-4"><b>{{field.name}}</b>
            </td>
            <td class="col-md-7">{{input[field.id]}}</td>
        </tr>
    </table>
    </div>

您可能需要考虑的另一个选项是将字段数组和显示数组作为参数的自定义指令。