* ngPara executar um loop infinito em angular2

Eu estou tentando processar propriedades de object usando chaves em angular2 usando abaixo o código:

  • {{element.key}}--{{element.value}} // 1---Bhushan...loaded only once {{ loadProperty(i,element) }}

Mas estou enfrentando um problema aqui. A saída no navegador é carregada apenas uma vez. mas a chamada do método, por exemplo, loadProperty(i,element) está sendo executada em um loop infinito.

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

significa na saída do navegador

(1 — Bhushan)

é exibido apenas uma vez, mas no console é executado infinitamente como abaixo:

Instantâneo do console

Eu quero chamar esse método apenas uma vez por iteração.

alguma input?

Isso é apenas a detecção de alterações do Angular2 no trabalho chamando loadProperty(i,element) repetidamente em cada ciclo de detecção de alterações.

Os methods de chamada do modelo são desencorajados porque são chamados com muita frequência. Em vez disso, você deve armazenar o resultado em uma propriedade e vincular a essa propriedade.