angularjs - Angular で画面をロードするための $viewContentLoaded のクラスの追加と削除

Question

サイトにはたくさんの画像が含まれているため、読み込みオーバーレイを 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';
    });

});

これは、サイトの最初のページの読み込みでは問題ありませんが、ルートの変更時にクラスが本文に留まるだけです。何か案は？