Comment mettre en œuvre de multiples cycle de vie des crochets pour une Angular2 composant?
Je sais que lors de la définition des composants dans Angular2 vous avez plusieurs types de cycle de vie des crochets que vous pouvez mettre en œuvre comme le OnDestroy, NgOnInit, etc.
Dans chaque échantillon morceau de code que j'ai vu en ligne sur l'utilisation de ces crochets, je n'ai jamais les voir utilisés l'un à la fois. Par exemple
export class ModalComponent implements OnDestroy { ... }
ou
export class ModalComponent implements OnChanges { ... }
Mais que faire si vous souhaitez utiliser plusieurs pour un seul élément? Par exemple, si vous souhaitez un comportement spécifique pour OnChanges ET OnDestroy? J'ai essayé ce qui suit:
export class ModalComponent implements OnChanges implements OnDestroy{ ... }
export class ModalComponent implements OnChanges, OnDestroy { ... }
export class ModalComponent implements [OnChanges, OnDestroy] { ... }
export class ModalComponent implements OnChanges and OnDestroy { ... }
Je suis certain que la réponse est très simple, mais je vais avoir une quantité remarquable de la difficulté à trouver une réponse à cela.
Vous en remercie d'avance!
export class ModalComponent implements OnChanges, OnDestroy { ... }
mais qu'ont-elles échoué?OriginalL'auteur SemperCallide | 2017-01-10
Vous devez vous connecter pour publier un commentaire.
Vous pouvez étendre la classe 1 et d'implémenter plusieurs interfaces. Cycle de vie des crochets sont des interfaces.
import { Component, OnInit, Input, OnDestroy } from '@angular/core'
J'ai le même problème, mais cette solution ne fonctionne pas pour moi, ce que je peux faire dans ce cas.
OriginalL'auteur
Vous avez probablement été à droite lorsque vous avez mis en place deux interfaces avec une virgule comme séparateur.
Voici un exemple.
Veuillez noter que l'instruction d'importation doit inclure tout le nécessaire du cycle de vie des crochets.
Cycle De Vie Des Crochets De Référence
OriginalL'auteur