如
here所解释的，angularjs指令ng-src用于防止浏览器在句柄被解析之前加载资源(例如图像)。我目前使用以下代码：
@H_502_20@
将整个路径放在$ scope变量中。这样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
- <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);
- };
