Angular组件间通信的示例实现有哪些技巧？

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

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

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

上图

前言

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

1、情景引入

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

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

2、组件关系

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

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