Bonjour,

je découvre Angular...

En testant le property bindind sur la propriété disabled d'un bouton, je me rends compte que l'initialisation de la propriété est appelée plusieurs fois (systématiquement 4 fois indépendamment du type de navigateur).

Seriez-vous en mesure de me donner une explication ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { Component } from '@angular/core';
 
@Component({
  selector: 'app-root',
  template: '<button [disabled]="getStateButton()">OK</button>'
})
export class AppComponent {
 
	getStateButton() {
		console.log('getStateButton : ' + Math.random());
		return false;
	}
 
}
Résultat dans console.log
getStateButton : 0.9085042245128359 app.component.ts:10:10
getStateButton : 0.3253362598180557 app.component.ts:10:10
Angular is running in the development mode. Call enableProdMode() to enable the production mode. core.js:38780
getStateButton : 0.4761767733046758 app.component.ts:10:10
getStateButton : 0.7793807044943408 app.component.ts:10:10
Merci.