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