angular學習筆記 父子組件傳值


一、如何將父組件的值傳到子組件?

在子組件里面引入Input,然后用@Input 變量1 接收

 

接着在父組件中的,子組件標簽上添加[msg]="msg",中括號里的名字要與子組件中@Input 后面的名字相同

然后就可以在子組件里調用傳過去的msg

父組件賦值:

子組件使用:

 

二、如何子組件傳值到父組件?

首先在子組件里面引入Output,EvnentEmitter,然后實例化EvnentEmitter,最后廣播

然后在父組件里

觸發事件后就會獲得結果

 

三、父組件使用@VeiwChild獲取子組件的數據和方法

在父組件html里的子組件標簽上定義一個名字(#名字),相當於這個子組件的id名

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

接着在父組件中引入ViewChild,並且要這樣

@ViewChild('son') son;

括號里面的名稱要與子組件標簽#后面的名稱一致。

最后就可以調用子組件的數據和方法,如果子組件中有一個數據為info,就可以這樣去調用

this.son.info

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM