* ngFor eine Endlosschleife in angular2

Question

läuft Ich versuche, Objekteigenschaften Schlüssel in angular2 zu machen mit folgendem Code verwendet:

<ul> 
    <li *ngFor="let element of componentModel | keys;let i=index"> 
     {{element.key}}--{{element.value}} // 1---Bhushan...loaded only once 
     <span *ngIf="element">{{ loadProperty(i,element) }}</span> 
    </li> 
</ul> 

Aber ich bin hier ein Problem gegenüber. Die Ausgabe im Browser wird nur einmal geladen. , aber der Methodenaufruf, d. H. loadProperty(i,element) läuft in einer Endlosschleife.

loadProperty(i:number,element:any){  
    console.log(element.key+'========'+element.value); 
    console.log(element);  
} 

Mittel an Browser

(1 --- Bhushan)

wird nur einmal angezeigte Ausgabe aber auf der Konsole seine unendlich wie unten ausgeführt wird:

Ich möchte diese Methode nur einmal aufrufen pro Iteration.

irgendwelche Eingänge?

Answer 1

Dies ist nur Angular2 Change Detection bei der Arbeit loadProperty(i,element) immer wieder in jedem Change Detection-Zyklus aufrufen.

Der Aufruf von Methoden aus der Vorlage wird abgeraten, da sie sehr oft aufgerufen werden. Sie sollten stattdessen das Ergebnis in einer Eigenschaft speichern und stattdessen an diese Eigenschaft binden.