如何查看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數組作為參數的自定義指令。