如何不重复 child 但将 parent 与 AngularJS 中的 ng-repeat 绑定
How to not repeat child but bind parent with ng-repeat in AngularJS
我有这样的结构:
Items
是 object 的数组,并且 itemName
对于数组中的每个重复也是不同的。以下结构适用于 Items 数组,但如何将 itemName
更改为每次重复都不同?
<div ng-repeat="Item in Items">
<div>{{itemName}}</div>
<ul ng-repeat="it in Item">
<li>
{{it.title}}
</li>
</ul>
</div>
数据object如下:
Items = [
[{ title="title11"},{ title="title12"},{ title="title13"},{ title="title14"}],
[{ title="title21"},{ title="title22"},{ title="title23"},{ title="title24"}]
];
itemname 是一个只有名称的简单数组:
itemName = ["name1", "name2"];
每个组件的名称都有 header,标题显示在 li
更新您的代码
<div>{{itemName}}</div>
和
<div>{{itemName[$index]}}</div>
我有这样的结构:
Items
是 object 的数组,并且 itemName
对于数组中的每个重复也是不同的。以下结构适用于 Items 数组,但如何将 itemName
更改为每次重复都不同?
<div ng-repeat="Item in Items">
<div>{{itemName}}</div>
<ul ng-repeat="it in Item">
<li>
{{it.title}}
</li>
</ul>
</div>
数据object如下:
Items = [
[{ title="title11"},{ title="title12"},{ title="title13"},{ title="title14"}],
[{ title="title21"},{ title="title22"},{ title="title23"},{ title="title24"}]
];
itemname 是一个只有名称的简单数组:
itemName = ["name1", "name2"];
每个组件的名称都有 header,标题显示在 li
更新您的代码
<div>{{itemName}}</div>
和
<div>{{itemName[$index]}}</div>