Discussion :

[olivier252]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[dukoid]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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