如何实现Angular组件间通讯的多种方法？

本文共计1226个文字，预计阅读时间需要5分钟。

前言：一个Angular应用通常情况下包含多个组件，而这些组件之间需要能够进行通讯（数据传递），这样才能构建成一个有机的完整系统。

1. 情景引入：下面举例一个实际遇到的情况：

上图展示了一个Angular应用，其中包含多个组件。组件A负责显示用户列表，组件B负责显示用户详情。当用户在组件A中选择一个用户时，需要将这个用户的信息传递给组件B，以便显示详细的用户信息。

前言

一个Angular应用一般情况下包含多个组件，而且要让组件互相之间能进行通讯（数据传送），这样才能构成一个有机的完整系统。

1、情景引入

下面例举一个实际遇到的情况：

上图页面包含两个组件，“新增班级组件”和“选择教师组件”，在新增班级时需要选择改班级的管理教师，管理教师列表要从数据库中获取。选择好教师后，“选择教师组件”要把选择的教师对象传递回“新增班级组件”，这其中涉及到对象传递称为通讯。

2、组件关系

组件之间有几种典型的关系：父子关系、兄弟关系、没有直接关系

父子关系说明：有A、B两个组件（不一定在同一个模块），如果A组件的view页面中引用了B的selector标签，则称A为B的父组件，或B为A的子组件。