什麼是動態加載Data-URI方案圖像的角度方式？

Question

我的服務器返回一個base64編碼的圖像，我想在某些事件foo上將它發送給客戶端。我現在有它的方式是這樣的：

index.html

... 
<img src="{{data}}"></img> 
... 

controller.js

... 
$scope.foo = function (result) { 
    $scope.data = result; 
} 
.... 

時，foo發生，result是base64編碼的圖像和img元素開始呈現，符合市場預期。問題是，當頁面最初加載時，將會觸發/{{data}}的請求以獲取圖像和404. 如何避免在頁面最初呈現時觸發此惡意請求？做這件事的正確方法是什麼，如果不是我如何做的話？

Answer 1

爲防止瀏覽器嘗試獲取文字url /{{data}}，請在圖像標記中使用ng-src指令而不是src。