how to add ids dynamically on component in angular js 5?

Question

I was trying to fetch the data from an array and displayed in divs. but whenever I loop through, I need to add different ids to every div. can anybody give me a clue how to do that?

here is loop looks like :

<div class="container2">
   <div *ngFor="let dependants of data[0].dependsOn">

   <app-sequence-element-preview [sequenceElement]='dependants'>
   </app-sequence-element-preview>

   </div>
</div>

for example ,here ngfor will loop through and for every array index, it will store the data in different div. so how can I add ids to that divs.

sridhar.. · Accepted Answer · 2018-04-12 17:19:17Z

1

You can assign a index and just use it inside it

<div class="container2">
   <div *ngFor="let dependants of data[0].dependsOn;let i=index" id="{{'Id'+i}}">

   <app-sequence-element-preview [sequenceElement]='dependants'>
   </app-sequence-element-preview>

   </div>
</div>

answered Apr 12, 2018 at 17:19

sridhar..

2,13316 silver badges21 bronze badges

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

Comments

oudekaas · Accepted Answer · 2018-04-12 16:15:14Z

1

This should work:

<div class="container2">
<div id=“div+{{i}}” *ngFor="let dependants of data[0].dependsOn; let i= index>“
 <app-sequence-element-preview [sequenceElement]='dependants'>
 </app-sequence-element-preview>

 </div>
 </div>

answered Apr 12, 2018 at 16:15

oudekaas

3151 gold badge6 silver badges21 bronze badges

2 Comments

Kazi Over a year ago

how come that work? i need to add 'id'. like ngfor will loop through. and for every array index it will store the data in different div. so how can i add ids on that divs. that was my question @oudekaas

oudekaas Over a year ago

In that case I dont understand your question? To which divs do you want to add ids?

Collectives™ on Stack Overflow

how to add ids dynamically on component in angular js 5?

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related