如何不重复 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>