NG-src在角JS

Question

我們可以在角JS

<img src="theme/image.png" alt="Image"/> 

和

<img ng-src="theme/image.png" alt="Image"/> 

使用圖片src與src和ng-src我不覺得他們之間有什麼區別在那裏展示image.is有什麼區別？我有一個項目正在從外部網站加載視圖，我是否需要將每個src更改爲ng-src？當我嘗試加載大量圖像時，是否會產生任何性能問題？

Answer 1

讓我引用

採用了棱角分明的標記像{{哈希}}在src屬性不工作的權利：瀏覽器將網址提取與文字文本{{哈希}}直到角替換{{hash}}中的表達式。 ngSrc指令解決了這個問題。

瞭解更多：https://docs.angularjs.org/api/ng/directive/ngSrc

Answer 2

如果圖像的URL是靜態的，你可以像使用src屬性。

<img src="theme/image.png" alt="Image"/> 

當圖像的URL是動態的，需要從Controller設置，使用ng-src。 其中可以包含任意字符串{{}}標記

<img ng-src="{{theme}}/image.png" alt="Image"/> 
// ^^^  ^^^^^^^^^ 

DOCS

在src屬性採用了棱角分明的標記像{{hash}}不工作的權利：瀏覽器將與網址提取字面文字{{hash}}，直到Angular替換{{hash}}中的表達式。 ngSrc指令解決了這個問題。