KnowledgeCity

Angular 组件间的通信

本章将演示在组件之间发送信息的不同方式,这取决于它们之间的关系。您将学习如何在两个组件之间从父级到子级、子级到父级或双向传递信息。
免费观看第一课 — 获取全部 7 节课程的完整访问权限。

To view this video please enable JavaScript.

课程:按需
中级  提供者 Michaela Ochnich  7 课时 ·  36m  语言:阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文 

课程描述

本章将演示在组件之间发送信息的不同方式,具体取决于它们之间的关系。您将学习如何在两个组件之间将信息从父级传递到子级、子级到父级或双向传递。您还将学习如何拦截其中一些数据更改,并在需要时在组件中使用之前对其进行更改。

您将学到的内容

  • 使用 Input、Setter 与 Getter 以及 OnChanges 将数据从父组件发送到子组件
  • 使用 Output 和 EventEmitter 将数据从子组件发送到父组件
  • 通过父组件的模板或类,使用 ViewChild 和引用变量访问子组件
  • 实现两个组件之间的双向通信
  • 在数据被组件使用之前对其进行拦截和修改
  • 使用共享服务在组件之间共享数据

关键要点

  • Angular 组件之间的通信方式取决于它们彼此之间的关系。
  • 信息可以从父组件传递到子组件,从子组件传递到父组件,也可以在两个组件之间双向传递。
  • 某些数据变更可以在被组件使用之前被拦截并修改。
  • 父组件可以通过其模板或类访问子组件。
  • 共享服务是实现组件间通信的一种方式。

常见问题

本课程涵盖哪些内容?

本章介绍了根据 Angular 组件之间的关系,在组件间传递信息的多种方式,包括从父组件向子组件传递数据、从子组件向父组件传递数据,或在两个组件之间双向传递数据,以及在使用前拦截并修改数据变更。

本课程中我将学到什么?

您将学习如何将数据从子组件发送到父组件,将数据从父组件发送到子组件,通过父组件的模板或类访问子组件,以及实现两个组件之间的双向通信。

课程中教授哪些主题或技术?

课程内容涵盖 Input、Setter 与 Getter、OnChanges、Output 与 EventEmitter、ViewChild、共享服务以及引用变量。

本课程有助于培养哪些技能?

本课程有助于培养 Angular 组件、通信图、组件图、组件库、连接组件以及 HTML 组件等方面的技能。

我能学习如何在组件使用数据之前对其进行修改吗?

可以。本课程讲授如何拦截部分数据变更,并在组件使用前根据需要对其进行修改。