如果src不加中括號，hero.url會被當(dāng)成靜態(tài)的字符串，傳遞給src屬性：

當(dāng)然最后啥圖片也不會顯示出來：

正確的辦法：實(shí)現(xiàn)一個get函數(shù)，返回正確的圖片url：

Component模板源代碼：

<img [src]="myUrl"/>

模板函數(shù)被解析并執(zhí)行：

elementPropertyInternal

renderer.setProperty, 設(shè)置img DOM節(jié)點(diǎn)的src屬性，為get函數(shù)返回的圖片url：

最后直接給DOM節(jié)點(diǎn)的src屬性賦值，這是HTML原生操作：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的Angular里的property binding的一个例子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。