在$ viewContentLoaded上添加和删除类以在Angular中加载屏幕

Question

我正在尝试添加一个加载叠加层，因为该站点中有很多图像，我的Angular版本。为此，我想在主体上添加一个类，以便能够对子元素进行不透明度更改。

到目前为止我所拥有的是一个添加和（应该）删除'loaded'类的控制器：

'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';
    });

});

这在网站的第一页加载时很好，但是这个类只会在路由更改时停留在正文上。有什么想法吗？