如果src不加中括号,hero.url会被当成静态的字符串,传递给src属性:
当然最后啥图片也不会显示出来:
正确的办法:实现一个get函数,返回正确的图片url:
Component模板源代码:
<img [src]="myUrl"/>
模板函数被解析并执行:
elementPropertyInternal
renderer.setProperty, 设置img DOM节点的src属性,为get函数返回的图片url:
最后直接给DOM节点的src属性赋值,这是HTML原生操作:
更多Jerry的原创文章,尽在:“汪子熙”: