在數組中使用ng-repeat（AngularJS）

Question

我有一個名爲allSquads的數組。它包含一系列對象，每個對象都包含一個名爲squad的屬性。我想在allSquads數組中的每個對象上重複這個squad數組的內容。

如果我通過allSquads[0].squad重複，它在單個數組上工作正常。

不過，我想繼續重複，像這樣：

allSquads[0].squad 
allSquads[1].squad 
allSquads[2].squad 

等

我（不正確）解決方案，目前看起來是這樣的：在

<div ng-repeat="player in allSquads[$index].squad">...</div> 

我假定$指數這種情況會代表增量遞增的整數，但它不起作用。誰能幫忙？

在此先感謝...

Answer 1

我想你會想要做的，而不是被抓父值的屬性上外環的價值，並循環。沿着這條線的東西。

<div ng-repeat="squad in allSquads"> 
    <div ng-repeat="player in squad.players"> 
     {{ player }} 
    </div> 
</div> 

你有什麼理由要直接訪問0,1,2等的偏移嗎？

Answer 2

請看this answer嵌套ng重複。這是它會是什麼樣子你

<div ng-repeat="squad in allSquads"> 
    <div ng-repeat="player in squad"> 
     {{player}} 
    </div> 
</div> 

編輯

，如果你不想使用嵌套的循環，一個方法去它使得二維數組轉換成類似於this example一維數組然後在每個連續分裂點之後迭代，以顯示下一個小隊已經開始。所以['p1','p2',';;','p3',...]和";;"會標記拆分