如何将json分成AngularJS中的几个部分

Question

我正在设计瀑布页面，这些天我开始使用Angularjs。我想将json数据分成几个部分，以显示将每个数据包装在不同的DIV中。整个数据都在数组中，称为items。 <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

有几种方法可以解决您的问题。

首先，您可以将范围值分配给＆＃34; items＆＃34;中的每个部分。 例如，假设这是您的JSON数组：

[data1, data2, data3, data4, data5]

在您的控制器中执行此操作：

$scope.data1 = items[0];

为您需要分解的每个部分执行此操作。请记住，＆＃39;数据1＆＃39; part是任意的，你可以组成你想要的任何名字。 然后在你的HTML：

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

或者，您可以使用这样的html：

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

如果您还需要进行一些额外的处理，第一种方法会更好，如果数据结构已经准备就绪，则另一种方法是好的。