使用多重ng重複

<table class="table table-striped"> 
    <thead> 
    <tr> 
     <th>#</th> 
     <th ng-repeat="header in headers">{{header}}</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="table in tables"> 
     <td>{{$index+1}}</td> 
     <td ng-repeat="header in headers">{{$parent.table.header}}</td> 
    </tr> 
    </tbody> 
</table>

我有一個從服務器檢索到的json數組。首先ng-repeat：'headers'包含我提取的那個json數組中的鍵。它在所有情況下都能正常工作。第二次ng-repeat：'tables'包含接收到的json數組。我想要做的是對於json數組的每個元素，通過提供關鍵值來查找數據。這裏是我的多個ng-repeat代碼。這不起作用，沒有數據打印在表格中，但如果我將{{$parent.table.header}}更改爲{{$parent.table}}或{{header}}我可以在表格中看到數據。問題是{{$parent.table.header}}我該如何正確地做到這一點？使用多重ng重複

來源

2016-09-29 Jithin Sebastian

目前尚不清楚您在此輸出的內容。你能提供更多的信息，特別是你的數據是什麼樣的，以及你期望在輸出中看到什麼？ – Claies

在plunkr中發佈你的代碼將被用來解決你的問題 –

嘗試使用$parent.table[header] - 因爲header已經是一個字符串。

來源

2016-09-29 06:33:40

...但是表不是數組，它是一個json字符串。所以我可以像這樣訪問json？我以爲我只能通過'點'來訪問它 –

Well鍵是屬性 - 但是當循環對象的鍵時，它們被定義爲字符串 - 然後你可以用[「STRING GOES HERE」]訪問它們; http://stackoverflow.com/questions/3608246/what-is-the-type-of-keys-in-javascript –

使用多重ng重複

回答

相關問題