黑盒模型 ——— 我不知道我從哪里來,我也不知道我要到那里去救巷,我就在這里。
—— 馬丁路德.東
(一)輸入屬性就是被@Input屬性注解的屬性(父給子)
-
子組件的控制器的格式
image.png
2.父組件html定義輸入屬性但是子組件的數(shù)據(jù)變化不會影響父組件
image.png
(二)輸出屬性被@Output屬性裝飾(子發(fā)父)
語法很操蛋,又是一個什么訂閱什么 -----馬丁路德.東
1.priceQuote定義數(shù)據(jù)類型(只是這個例子需要而已)
image.png
2.子組件控制器的寫法
image.png
3.父組件初始寫法艾恼。
image.png
4.父組件HTML的初始寫法
image.png
5.父組件HTML添加時間綁定(注意虛參類型)
image.png
6.父組件控制器終極寫法
image.png
7.注意此處的名字可以設(shè)置
image.png
在這里設(shè)置
image.png
(三)父子組件之間數(shù)據(jù)互通的另一種寫法
1.子組件控制器聲明屬性
image.png
2.父組件模板綁定屬性
image.png
3.子組件控制器添加發(fā)射屬性
image.png
添加發(fā)射事件
image.png
這樣就實現(xiàn)了父組件的newRating和子組件的rating的數(shù)據(jù)共享。