Table des matières:

Comment les composants communiquent-ils entre eux de manière angulaire ?
Comment les composants communiquent-ils entre eux de manière angulaire ?

Vidéo: Comment les composants communiquent-ils entre eux de manière angulaire ?

Vidéo: Comment les composants communiquent-ils entre eux de manière angulaire ?
Vidéo: Communication Composant Angular #18 - @Output() et EventEmitter 2024, Mars
Anonim

Dans Angulaire 2 un le composant peut partager des données et des informations avec un autre composant en passant des données ou des événements.

Les composants peuvent communiquer entre eux de différentes manières, notamment:

  1. Utilisation de @Input()
  2. Utilisation de @Output()
  3. Utilisation des services.
  4. Parent composant appeler ViewChild.
  5. Parent interagissant avec l'enfant à l'aide d'une variable locale.

Ici, qu'est-ce que @input et @output en angulaire ?

Saisir sert à transmettre des valeurs aux composants enfants et Sortir est utilisé pour transmettre des valeurs aux composants parents. Découvrez mon exemple sur Github: angulaire -concepts-tutoriels.

qu'est-ce que le composant parent et enfant en angulaire? Composant la communication est quelque chose que vous devrez mettre en œuvre même dans le plus simple des Angulaire Application. Lorsqu'il s'agit de transmettre des données de parent à composant enfant nous utilisons la liaison de propriété. Dans ce cas, nous envoyons les données du composant parent à la composant enfant à l'aide d'un attribut.

Ici, qu'est-ce que la conception de matériaux angulaires ?

Selon Google, " Conception matérielle est une spécification pour un système unifié de visuel, de mouvement et d'interaction conception qui s'adapte à différents appareils. Notre objectif est de fournir un ensemble mince et léger de AngularJS -éléments d'interface utilisateur natifs qui implémentent le conception matérielle système à utiliser dans Angulaire Les thermes."

Comment savoir quelle version d'angular j'ai ?

Vérification de la version angulaire

  1. Ouvrez la vue Terminal + dans votre projet et tapez ng --version. Pour les versions récentes d'Angular, cela répertoriera les versions de plusieurs packages Angular que vous avez installés dans votre projet.
  2. Ouvrez le paquet. json et examinez les packages angulaires référencés dans votre projet.

Conseillé: