前端analysis | 3w & 1h

《 Angular8 》 - angular 模板语法实现原理

2020-07-13

angular 模板语法

插值

在DOM属性或者子元素中,{}包裹组件属性
组件寻找对应的属性,需要计算先计算,然后转换为字符串替换

1
2
3
4
5
6
7
8
//子元素替换
<p>{{title}}</p>

//属性替换
<div><img src="{{itemImageUrl}}"></div>

//调用方法
<p>The sum of 1 + 1 is not {{1 + 1 + getVal()}}.</p>
使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏