Comment diviser un json en plusieurs parties dans AngularJS

Question

Je dessinais une page cascade, et ces jours-ci je commence à utiliser Angularjs. Je veux diviser les données de JSON en plusieurs parties pour afficher l'enveloppe dans un DIV différent. L'ensemble des données est dans le tableau, appelé éléments. <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

Il y a deux façons de résoudre votre problème.

Tout d'abord, vous pouvez affecter une valeur de portée à chaque partie des "éléments". Par exemple, supposons que ceci est votre tableau JSON:

[data1, data2, data3, data4, data5] 

Et dans votre contrôleur font ceci:

$scope.data1 = items[0]; 

Faites cela pour toutes les parties dont vous avez besoin rompu. Gardez à l'esprit que la partie 'data1' est arbitraire et que vous pouvez créer le nom que vous voulez. Ensuite, dans votre code html:

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

Sinon, vous pouvez avoir votre code html comme ceci:

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

La première méthode est préférable si vous devez aussi faire un peu de traitement supplémentaire, et l'autre est bon si la structure de données est déjà prête à partir