准备写到Angular总结中去的，又怕太长以后自己都找不到,就先写下来再说吧！
Angular组件之间的通信方式，和vue一样有3种。
1.父组件往子组件传递（vue中是props down）
2.子组件往父组件传递（vue中是events up）
3.非父子关系组件传递（vue中是bus总线）
1.父组件往子组件传递
既然是父组件往子组件传值，那么首先肯定要有2个组件。先创建2个组件
ng g component father
ng g component son
这时两个组件创建好了，但是还没有形成父子关系。
在father组件中，引入子组件。
子组件中准备好接受父组件传值的位置：
将父组件导入根组件中，看看效果。
还是和vue类似，在父组件引用子组件的位置，写一个自定义属性，不用:也不用[]，直接写属性和值即可，这里叫做myName=‘我是父组件传给子组件的值9588’。
这里需要注意的是，因为这里我传递的是一个写好的字符串，如果传递的是一个变量，或者其他组件传过来的值，那么这里需要用[]将myName括起来，作为绑定属性使用。后面双引号的内容就应该是绑定属性的变量。这个地方有点坑，否则你传递给子组件的只是一个字符串。
看看效果。
然后子组件需要接受父组件传来的值。因为接受一个值属于输入行为，所以在子组件son的ts文件中，需要添加Input类才能接受输入。这一点和自定义指令中接受参数的设置是一样的。
上图红框可以看到，使用装饰器@Input绑定myName属性之后，直接使用this.myName已经可以读取到数据了。
在子组件son的html中，直接使用{{myName}}即可读取到父组件传递进来的值。
最后看下效果，没毛病。
个人总结：感觉父传子和vue一样，需要通过在引用子组件的位置绑定属性才能传递。只是接受值的方式写法有些不同。
2.子组件向父组件传递，通信
首先复习一下vue中的子组件向父组件通信。
这里同样的，我们要 在调用子组件时，给子组件绑定一个自定义事件,事件名为myEvent。
Angular中绑定事件是用小圆括号(),这里vue中可以不加函数的括号和参数，但是Angular中一定要加括号，而且参数也要写上$event才行，否则无法接受到子组件传过来的值。
如果子组件只是想调用父组件中的方法而不传值，就可以不写。
然后回到father.ts，设置一个msg变量用来保存传递过来的值，创建handleEvent方法，用来操作传递过来的值。
这样步骤1父组件中的操作就结束了。
回到子组件son中的ts文件，由于子组件向父组件传值属于输出事件，所以这里需要引入Output类，而传递事件属于事件发送，所以还需要引入EventEmitter类。
引入之后在下面使用装饰器创建变量，保存事件发送对象。
@Output() myEvent = new EventEmitter()
最后调用事件对象的emit方法，发送信息给父组件。
this.myEvent.emit('我是子组件发送给父组件的值123')
完整代码如下：
查看下效果，没问题。
总结：
步骤1：调用子组件时，给子组件绑定一个自定义事件
handleEvent(msg){}
<son (myEvent)=“handleEvent($event)”></son>
步骤2：触发事件并传值
import {Output,EventEmitter} from ‘@angular/core’
绑定装饰器
@Output() myEvent = new EventEmitter()
调用emit方法
this.myEvent.emit(123)