如何不重复子，但在AngularJS中使用ng-repeat绑定父级

Question

我有这样的结构：

Items是一个对象数组，itemName对于数组中的每个重复都是不同的。以下结构适用于Items数组，但是如何将每个重复的itemName更改为不同？

<div ng-repeat="Item in Items">
    <div>{{itemName}}</div>
    <ul ng-repeat="it in Item">
        <li>
            {{it.title}}
        </li>
    </ul>
</div>

数据对象如下：

Items = [ [{ title="title11"},{ title="title12"},{ title="title13"},{ title="title14"}], [{ title="title21"},{ title="title22"},{ title="title23"},{ title="title24"}] ];

itemname是一个只有名称的简单数组：

itemName = ["name1", "name2"];

名称包含每个组件的标题，标题显示在li

中

Answer 1

更新您的代码

<div>{{itemName}}</div>

与

<div>{{itemName[$index]}}</div>