angularjs - 动态加载 Data-URI 方案图像的 Angular 方式是什么？

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您的图像标签。