How to not repeat child but bind parent with ng-repeat in AngularJS

Question

I have a structure like this:

Items is an array of objects and itemName is different for each repetition also in an array. The following structure works with the Items array but how can I change the itemName to be different for each repetition?

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

the data object is like follows:

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

itemname is a simple array with just names:

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

the name has the header for each component and titles are displayed in li

What do you want to do? Repeat li with keeping ng-repeat with ul? — Nikhil Aggarwal
– Nikhil Aggarwal, Commented Jun 7, 2015 at 18:16
what is the structure of your Items (array of objects) and where you have defined itemName??? — shreyansh
– shreyansh, Commented Jun 7, 2015 at 18:28
@nikhil.agw I want to repeat both div and ul but the corresponding name is what changes with every repeat — sophie
– sophie, Commented Jun 7, 2015 at 19:58

Nikhil Aggarwal · Accepted Answer · 2015-06-07 20:15:32Z

1

Update your code

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

with

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

answered Jun 7, 2015 at 20:15

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to not repeat child but bind parent with ng-repeat in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related