ngOnChanges() et objet SimpleChange

Version imprimable

Salut,

J'essaie de comprendre le mécanisme du ngOnChanges() ci-dessous. J'ai épluché quelques tuto qui utilisent l'objet SImpleChange en paramètre, mais dans un code sur lequel je travaille, je n'ai rien de tout ça,

J'ai un bete "event" qui me renvoie un any au survol. Si vous pouviez m'expliquer à quoi correspond ce paramètre où si il est sensé représenter un objet particulier...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
ngOnChanges(event) {
    // Need to check if the component is opened in restricted view mode (Came from organization dashboard in windowed size)
    if (event.restrictedView) {
      this.viewCalendar = true;
      this.calendarMode = true;
    }
    if (event.fromOrganization || (event.nodeId && event.nodeName) || this.selectedNode == this.businessTree.rootNode) {
      this.header = {
        left: '',
        center: 'prev, title, next',
        right: ''
      };
      if (isNullOrUndefined(this.calendarMonthView)) {
        this.calendarMonthView = localStorage.getItem('calendarView') == 'month';
      }
      if (isNullOrUndefined(this.currentWeek)) {
        let dateOfFirstDay = new Date(Date.now());
........................................................

Merci bcp

ce n'est pas un simple event il doit être du type SimpleChanges

Code:

1
2
3
4
5
6
7
 
  ngOnChanges(changes: SimpleChanges): void {     // détection de changement de valeur uniquement sur les: @Input() ......
    console.log('------------------------');                    
    console.log('cycle n°x - ngOnChanges');                // cette fonction est appelé quand une valeur change sur n'importe quelle entrée (@Input) 
    console.log(changes);
    console.log('Le @input qui a changé est:' + JSON.stringify(changes));
  }

SimpleChanges permet de savoir quel input à changé (parceque bien sur on peut en avoir plusieurs)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
ngOnChanges(changes: SimpleChanges): void {
    for (const propName in changes) {
      if (changes.hasOwnProperty(propName)) {
        switch (propName) {
          case 'myFirstInputParameter': {                     // @Input() myFirstInputParameter
            this.doSomething(change.currentValue)
          }
          case 'mySecondInputParameter': {                // @Input() mySecondInputParameter
            this.doSomething(change.currentValue)
          }
        }
      }
    }

28/10/2020, 08h56
olivier252

ok, merci beaucoup, c'est bien ce que je pensais puisque ngOnChanges() est déclenché délors qu'un composant exterieur modifie la valeur d'un @Input(), mais je pensais qu'il fallait au moins l'import en haut du typescript.
merci e ton aide