資源依賴於AngularJS變量

Question

我用AngularJS在我的網站和一些圖像加載這樣的：

<img ng-cloak src="{{ person.username }}"/> 

的問題是，我得到404錯誤控制檯圖像是沒有找到，因爲在角度被覆蓋之前，它試圖加載名爲{{ person.username }}的圖像

我該如何解決這個問題？

Answer 1

使用ng-src

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

<img ng-cloak ng-src="{{ person.username }}"/> 

Answer 2

您可以簡單地使用：

NG-SRC

例子：

<img ng-cloak ng-src="{{ person.username }}"/> 

Answer 3

的問題是，瀏覽器嘗試加載資源在表達式由角度評估之前。 這就是爲什麼應該使用ng-href或ng-src來構建指令的原因。