组件之间传值

1、父传子（@Input）

@Input() 父传子（值、方法）

步骤
父组件包含子组件 将父组件整个传给子组件使用【属性】=“this”	<box-child [msg]='msg' [run]='run'></box-child> [] 内值为子组件接受数据 msg 为值 run 为方法
父组件 定义值、方法	msg:string='我是父组件的值'; run():void{ console.log('我是父组件的方法'); }
子组件接受父组件数据 引入input 接受值为父组件【】内的	引入 import { Input } from '@angular/core'; 定义声明 @Input() msg: any; @Input() run: any;
子组件使用父组件数据 直接使用接受属性，如整个使用整个【属性】	this.msg 或 this.run()

2、子传父,父组件调用子组件的数据

        方法1、@ViewChild() 

        方法2、@Output() 事件驱动

@Output() 事件驱动，父组件调用子组件数据

步骤
子组件引入 Output 和 EventEmitter	import { Output,EventEmitter } from '@angular/core';
子组件实例化 EventEmitter	@Output outer=new EventEmitter();
子组件通过 EventEmitter 对象 outer广播数据	this.outer.emit(参数?)
父组件，调用子组件的时候，定义接受事件，outer 就是子组件 EventEmitter 实例对象。	<app-child (outer)='runParent($event)'></app-child>
父组件接受到数据会调用自己的runParent 方法，就可以拿到子组件传递的数据

3、非父子组件之间的通信

        1、公共服务 service 

                创建 ng g service 服务名称

                使用 import 导入

        2、缓存

                localStorage 和 sessionStorage