Attacher une variable à * ngFor angular 4

Question

Comment attacher une variable locale à une boucle *ngFor?

Ce qui suit fonctionne, mais si mon tableau <listInstruction> a plus de 1 élément, la boucle va générer deux .divTest. Eh bien c'est logique, mais <myLocalVariable> est la même dans les deux .divTest. Je veux deux variables différentes portée myLocalVariable dans chaque .divTest.

<div *ngFor="let instruction of listInstruction; let i = index; let myLocalVariable=false"> 
    <div class="divTest" (click)="myLocalVariable=!myLocalVariable">Click here</div> 
</div> 

Comment puis-je faire cela? Merci :)

Answer 1

Je pense qu'il est préférable d'avoir myLocalVariable réellement stocké dans le composant, pas dans le modèle.

je ferais probablement quelque chose comme ceci:

Composant:

state; 

ngOnInit() { 
    state = { myLocalVariables: [] }; 
    for(var i = 0; i < listInstruction.length; i++){ 
    state.myLocalVariables.push(false); 
    } 
} 

Modèle:

<div *ngFor="let instruction of listInstruction; let i = index;"> 
    <div class="divTest"  (click)="state.myLocalVariables[i]=!state.myLocalVariables[i]">Click here</div> 
</div>