如果src不加中括號，hero.url會被當成靜態的字符串，傳遞給src屬性：

當然最后啥圖片也不會顯示出來：

正確的辦法：實現一個get函數，返回正確的圖片url：

Component模板源代碼：

<img [src]="myUrl"/>

模板函數被解析并執行：

elementPropertyInternal

renderer.setProperty, 設置img DOM節點的src屬性，為get函數返回的圖片url：

最后直接給DOM節點的src屬性賦值，這是HTML原生操作：

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。