如何在AngularJS中將json劃分爲若干部分

Question

我在設計一個瀑布頁面，現在我開始使用Angularjs。我想將json數據分成幾個部分來顯示將每個數據包裝在不同的DIV中。整個數據都在數組中，稱爲項目。 <div id="dym-waterfall"> <div class="dym" ng-repeat="item in items"> </div>
<div class="dym" ng-repeat="item in items"> </div>
<div class="dym" ng-repeat="item in items"> </div>
<div class="dym" ng-repeat="item in items"> </div>
</div>

Answer 1

有一對夫婦的解決你的問題的辦法。

首先，您可以將範圍值分配給「項目」中的每個部分。 例如，假設這是你的JSON數組：

[data1, data2, data3, data4, data5] 

而在你的控制做到這一點：

$scope.data1 = items[0]; 

爲你做這個需要破碎每一個部分。請記住'data1'部分是任意的，你可以填寫任何你想要的名字。 然後在您的html：

<div class="dym" ng-repeat="stuff in data1"></div> 

或者，你可以有你的HTML這樣的：

<div class="dym" ng-repeat="item in items[0]></div> 

第一種方法是更好，如果你也必須做一些額外的處理，另一個是好的如果數據結構已經準備好了。