一、如何將父組件的值傳到子組件?
在子組件里面引入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