Как установить динамический id (* ngFor) в ionic2/angleular2?

Question

Как установить динамический идентификатор в угловом2?

Я попытался

<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" } 
    ]; 

, но он не работает.

Answer 1

<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> 

Для id приписывать это может работать, а также (не пробовал себя еще)

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

Answer 2

Попробуйте это:

<div class = "CirclePoint" *ng-for="#c in circles"> 
    <div id="location_{{c.id}}">write something which you want like c.x </div> 
</div>` 

Надеемся, что это будет работать для вас. Я искал StackOverflow, и я нашел это answer.

Answer 3

Внутри теге компонента вместо обычного id="#c" использования [id]="#c". Это также относится к динамическим именам классов. См. Пример ниже:

<div class = "CirlePoit" *ngFor="#c of circles" [id] = "#c"> </div>