黑盒模型 ——— 我不知道我从哪里来,我也不知道我要到那里去,我就在这里。
—— 马丁路德.东
(一)输入属性就是被@Input属性注解的属性(父给子)
-
子组件的控制器的格式
image.png
2.父组件html定义输入属性但是子组件的数据变化不会影响父组件
image.png
(二)输出属性被@Output属性装饰(子发父)
语法很操蛋,又是一个什么订阅什么 -----马丁路德.东
1.priceQuote定义数据类型(只是这个例子需要而已)
image.png
2.子组件控制器的写法
image.png
3.父组件初始写法。
image.png
4.父组件HTML的初始写法
image.png
5.父组件HTML添加时间绑定(注意虚参类型)
image.png
6.父组件控制器终极写法
image.png
7.注意此处的名字可以设置
image.png
在这里设置
image.png
(三)父子组件之间数据互通的另一种写法
1.子组件控制器声明属性
image.png
2.父组件模板绑定属性
image.png
3.子组件控制器添加发射属性
image.png
添加发射事件
image.png
这样就实现了父组件的newRating和子组件的rating的数据共享。