1、父传子(@Input)
步骤 | |
父组件包含子组件 将父组件整个传给子组件使用【属性】=“this” | |
父组件 定义值、方法 | |
子组件接受父组件数据 引入input 接受值为父组件【】内的 | |
子组件使用父组件数据 直接使用接受属性,如整个使用整个【属性】 | |
2、子传父,父组件调用子组件的数据
方法1、@ViewChild()
方法2、@Output() 事件驱动
步骤 | |
子组件引入 Output 和 EventEmitter | |
子组件实例化 EventEmitter | |
子组件通过 EventEmitter 对象 outer广播数据 | |
父组件,调用子组件的时候,定义接受事件,outer 就是子组件 EventEmitter 实例对象。 | |
父组件接受到数据会调用自己的runParent 方法,就可以拿到子组件传递的数据 |
3、非父子组件之间的通信
1、公共服务 service
创建 ng g service 服务名称
使用 import 导入
2、缓存
localStorage 和 sessionStorage