typescript - * ng Para ejecutar un bucle infinito en angular2

ngfor

Question

Estoy tratando de representar las propiedades del objeto usando claves en angular2 usando el siguiente código:

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

Pero estoy enfrentando un problema aquí. La salida en el navegador se carga solo una vez. pero la llamada al método, es decir, loadProperty(i,element) se ejecuta en un bucle infinito.

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

significa en la salida del navegador

(1 --- Bhushan)

se muestra solo una vez, pero en la consola se ejecuta infinitamente como a continuación:

Quiero llamar a este método solo una vez por iteración.

alguna entrada?

Answer 1

Esto es solo la detección de cambio Angular2 en el trabajo llamando a loadProperty(i,element) una y otra vez en cada ciclo de detección de cambio.

Se desaconseja llamar a los métodos desde la plantilla porque se llaman con mucha frecuencia. En su lugar, debe almacenar el resultado en una propiedad y vincularlo a esta propiedad.