在Angularjs中分离列表

Question

像

这样的东西

<div init="friends = [{name: 'John'}, {name: 'Maury'}]"></div>，

像{{friend.name}}这样的代码打印出整个数组。但我想做的是将数组的一部分分配给每个div。所以，就像这样。

<div init="friends = [{name: 'John}]">Random Stuff Here</div> <div id="randomdiv"></div>

<div init="friends = [{name: 'Maury'}]">More Random Stuff Here</div>

这样每个div都有自己的ID。我该怎么做呢？

Answer 1

而不是使用ng-init似乎你想要一个拥有friends数组的控制器/ viewmodel并使用ng-repeat

循环它

this.fiends = [{name: "John"}, {name: "Maury"}];

<div ng-repeat="friend in ctrl.friends">
  {{friend.name}}
</div>