Angular里的property binding的一个例子

如果src不加中括号，hero.url会被当成静态的字符串，传递给src属性：

当然最后啥图片也不会显示出来：

正确的办法：实现一个get函数，返回正确的图片url：

Component模板源代码：

<img [src]="myUrl"/>

模板函数被解析并执行：

elementPropertyInternal

renderer.setProperty, 设置img DOM节点的src属性，为get函数返回的图片url：

最后直接给DOM节点的src属性赋值，这是HTML原生操作：

更多Jerry的原创文章，尽在：“汪子熙”: