如
here所解释的，angularjs指令ng-src用于防止浏览器在句柄被解析之前加载资源(例如图像)。我目前使用以下代码：
<div ng-controller="MyCtrl">
<img ng-src="http://localhost:8081/media/{{ path }}" />
</div>
用以下JS：
function MyCtrl($scope,$timeout) {
$timeout(function () {
$scope.path = 'images/23694c70-04d7-11e3-9ba8-73fb00de24c4.png';
},1000);
};
正在从Web服务检索路径。由于这种延迟，浏览器尝试加载http：// localhost：8081 / media /，这导致404。一旦检索到路径，浏览器发出正确的请求并加载图像。
在所有数据准备好之前，阻止加载任何资源的首选方法是什么？
请参阅jsfiddle举例说明我的情况。
谢谢，
Martijn
将整个路径放在$ scope变量中。这样ng-src将等待，直到你提供完全解析的路径到图像：
原文链接：https://www.f2er.com/angularjs/145632.html<div ng-controller="MyCtrl">
<img ng-src="{{ path }}" />
</div>
function MyCtrl($scope,$timeout) {
var path = 'https://si0.twimg.com/profile_images/';
$timeout(function () {
$scope.path = path + '2149314222/square.png';
},1000);
};
