angularjs - 如何在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>

如果您还必须进行一些额外的处理，则第一种方法更好，如果数据结构已经准备好，另一种方法很好。