Angular组件间通信方式有哪些？

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

本篇章节带领大家继续学习Angular，深入了解Angular中组件通信的方法，希望对大家有所帮助！+上一篇，我们讲述了Angular结合NG-ZORRO快速开发的技巧。前端开发，很大程度上是组件化开发，永远在组件二字。

本篇文章带大家继续angular的学习，了解一下Angular中组件通信的方法，希望对大家有所帮助！

上一篇，我们讲了 Angular 结合 NG-ZORRO 快速开发。前端开发，很大程度上是组件化开发，永远离不开组件之间的通信。那么，在 Angular 开发中，其组件之间的通信是怎么样的呢？

举一反三，Vue 和 React 中大同小异

本文纯文字，比较枯燥。因为控制台打印的东西比较鸡肋，所以就不配图了，嗯～希望读者跟着说明代码走一遍更容易吸收～

1. 父组件通过属性传递值给子组件

相当于你自定义了一个属性，通过组件的引入，将值传递给子组件。Show you the CODE。

<!-- parent.component.html --> <app-child [parentProp]="'My kid.'"></app-child>

在父组件中调用子组件，这里命名一个 parentProp 的属性。