如何查看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>

您可能要考虑的另一个选择是使用fields数组和display数组作为参数的自定义指令。