Comment puis-je communiquer entre les composants frères et sœurs dans Angular 2 ?

Communication des composants frères et sœurs Angular 2

Les composants frères et sœurs n'ont pas accès aux propriétés et méthodes des autres. Cet article explore un mécanisme simple de communication entre les composants frères dans Angular 2, en utilisant un service partagé.

Approche de service partagé

1. Service partagé :

Créez un service partagé pour agir comme un centre de communication.

2. Composant parent :

Importez et fournissez le service partagé dans le composant parent.

3. Composants enfants :

Injecter le service partagé dans les deux composants frères :

Composant enfant 1 :

Enfant Composante 2 (frère et sœur) :

4. Partage de données :

Le composant frère peut modifier le tableau de données du service partagé, ce qui sera reflété dans l'autre composant frère.

Remarques :

• Incluez le fournisseur de services partagés uniquement dans le composant parent pour éviter de créer plusieurs instances.
• Importez et injectez le service dans les composants frères.
• Mettez à jour l'importation déclarations pour les versions Angular 2 supérieures à la version bêta.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!