angular学习笔记 父子组件传值

1、如何将父组件的值传到子组件？

在子组件里面引入Input,而后用@Input 变量1 接收

 

接着在父组件中的，子组件标签上添加[msg]="msg"，中括号里的名字要与子组件中@Input 后面的名字相同

而后就能够在子组件里调用传过去的msg

父组件赋值：

子组件使用：

 

2、如何子组件传值到父组件？

首先在子组件里面引入Output,EvnentEmitter，而后实例化EvnentEmitter，最后广播

而后在父组件里

触发事件后就会得到结果

 

3、父组件使用@VeiwChild获取子组件的数据和方法

在父组件html里的子组件标签上定义一个名字（#名字），至关于这个子组件的id名

<app-son #son ></app-son> 　

接着在父组件中引入ViewChild，而且要这样

@ViewChild('son') son;

括号里面的名称要与子组件标签#后面的名称一致。

最后就能够调用子组件的数据和方法，若是子组件中有一个数据为info，就能够这样去调用

this.son.info