web-dev-qa-db-fra.com

Comment définir l'id dynamique (* ngFor) dans ionic2/angular2?

Comment définir un identifiant dynamique dans angular2?

J'ai essayé

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

mais ça ne marche pas.

angularionic2
47
Kim Wong

Essaye ça:

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

J'espère que cela fonctionnera pour vous. J'ai cherché StackOverflow et j'ai trouvé ceci répondre .

1
Vipin Jain

Dans la balise de composant au lieu du id="#c" habituel, utilisez [id]="#c". Ceci s'applique également aux noms de classes dynamiques. Voir exemple ci-dessous:

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