How to set dynamic id in *ngFor?

angular ionic2

<div class = "CirclePoint" *ngFor="let c of circles"     [attr.id]="'Location' + c.id"></div><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>~~

angular ionic2

This also will work:
<div class = "CirclePoint" *ngFor="let c of circles"> <div [id]="c.id"></div></div>
If you want to add a prefix, say "loc";
<div class = "CirclePoint" *ngFor="let c of circles"> <div [id]="'loc' + c.id"></div></div>
Using [] helps to add values dynamically.

angular ionic2

Try this:
<div class = "CirclePoint" *ngFor="let c of circles"> <div id="location_{{c.id}}">write something which you want like c.x </div> </div>`
Hopefully this will work for you. I searched StackOverflow and I found this answer.

Recent Posts

How can I color dots in a xy scatterplot according to column value?

How to update a claim in ASP.NET Identity?

What does {0} mean when initializing an object?

Accessing members of items in a JSONArray with Java

How to log SQL statements in Spring Boot?

Powershell Get-WebSite name parameter is ignored

How to detect scroll to bottom of html element

Java synchronized method

How to test controllers with CodeIgniter?

Detect Visual Composer

Matplotlib: Specify format of floats for tick labels

Rails join a list of strings with commas and "and" before the last