Kim Wong Kim Wong - 4 months ago 153
AngularJS Question

How to set dynamic id(*ngFor) in ionic2/angular2?

How to set dynamic id in angular2?

I have tried

<div class = "CirclePoint" *ngFor="#c of circles"
id = "{{ 'Location' + c.id }}">
</div>

this.circles = [
{ x: 50 , y: 50 ,id : "oyut1" },
{ x: 100 , y: 100 ,id : "oyut3" },
{ x: 150 , y: 150 ,id : "oyut2" }
];


but it does not work.

Answer
<div class = "CirclePoint" *ngFor="let c of circles" 
[attr.id]="'Location' + c.id">
</div>

For the id attribute this might work as well (not tried myself yet)

<div class = "CirclePoint" *ngFor="let c of circles" 
[id]="'Location' + c.id">
</div>