我在我的应用程序中使用了一个加载图像,当我从一个页面移动到另一个页面时如果下一页需要一些时间来加载
这是我的css
.divWaiting {
position: fixed;
background-color: #FAFAFA;
z-index: 9999 !important;
opacity: 0.8;
overflow: hidden;
text-align: center;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding-top: 20%;
}
现在我有一个点击事件,它将触发
$scope.progress = false; //false by default within the controller but making it true inside
$scope.openFloorChartDetails = function (_building, _floorchart) {
$scope.progress = true;
$location.path(rootDir + 'floorChartDetails/' + projverservice.Id + '/' + _building.buildingId + '/' + _floorchart.floorChartId);
}
在相关的html页面中我这样称呼它:
<div class="divWaiting" ng-show="progress">
<div>
<img ng-src="{{rootDIR+'CustomScripts/image/3.gif'}}" />
</div>
</div>
当我第一次点击时,图像正常运行。但是从下一次页面加载就像那样没有图像来了。 我没有得到问题所在