angular2 項目中img動態指定圖片路徑

在項目中需要動態根據默寫狀態顯示指定圖片。

 

   <img src="./images/A.png" >

正常都是使用靜態路徑顯示，為了動態變化需要對src屬性進行單項綁定。采用差值表達式

<img  src="{{isShow == 1 ? './images/A.png' :'./images/B.png'}} ">

 我理解實際就是對dom屬性的單向綁定（參照博文  https://segmentfault.com/a/1190000012674948）。

<img [src]="isShow == 1 ? './images/A.png' :'./images/B.png' ">

 可是如果寫成下面的方式就無效了。

<img  src="isShow == 1 ? './images/A.png' :'./images/B.png' ">

 因為這個是設置html的屬性，在解析html文件時ng並不會處理此類邏輯，html屬性是不會變化的。

注意：只有dom屬性和html屬性一一對應才能將插值表達式和dom屬性單項綁定效果等同，否則不行。