我正在尝试在我的 Angular 构建中添加一个加载叠加层,因为该站点中有很多图像。为此,我想向主体添加一个类,以便能够对子元素进行不透明度更改。
到目前为止,我所拥有的是一个控制器,它添加和(应该)删除“加载”类:
'use strict';
angular.module('AppliedSiteApp').controller('LoadingCtrl', function ($scope) {
// RESET LOADING STATE
$scope.$on('$routeChangeStart', function(next, current) {
$scope.isContentLoaded = '';
console.log('route change');
});
// LOADING...
$scope.$on('$viewContentLoaded', function() {
$scope.isContentLoaded = 'loaded';
});
});
这在网站的第一页加载时很好,但是该类在路由更改时仅停留在正文上。有任何想法吗?