* ngFor работает бесконечный цикл в angular2

Question

Я пытаюсь сделать свойства объектов с помощью клавиш в angular2, используя ниже кода:

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

Но я столкнулся с проблемой здесь. Вывод в браузере загружается только один раз. , но вызов метода, т.е. loadProperty(i,element), работает в бесконечном цикле.

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

означает на выходе браузера

(1 --- Бхушан)

отображается только один раз, но на консоли его работает бесконечно, как показано ниже:

Я хочу назвать этот метод только один раз за итерацию.

любые входы?

Answer 1

Это просто обнаружение изменения угла зрения2 при работе, вызывающее loadProperty(i,element) снова и снова в каждом цикле обнаружения изменения.

Методы вызова из шаблона обескуражены, потому что их вызывают очень часто. Вместо этого вы должны сохранить результат в свойстве и привязать его к этому свойству.