什么是动态加载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。