Javascript 在AngularJS中，如何在ng视图更改之前触发加载动画？

我正在开发一款应用程序，它的“门”可以在过渡期间关闭和打开。我使用ng view在屏幕之间切换，然后最终使用本地数据库中的数据填充屏幕

<div style="background-image:url('img/trans-left.png');" class="loading door-left"></div>
<div style="background-image:url('img/trans-right.png');" class="loading door-right"></div>

<div id="content" class="scroller" ng-view></div>

var nanoApp = angular.module('nanoApp',['ngRoute']);
nanoApp
.config(function($routeProvider) {
    $routeProvider
    .when('/', {
        controller:'HomeController as homeSlides',
        templateUrl: 'content/home.html'
    })
    .when('/products',{
        controller:'ProductsController as products',
        templateUrl: 'content/products.html'
    });
})
.controller('HomeController', ["$scope",function($scope){

}])
.controller('ProductsController', ["$scope",function($scope){

}]);

var nanoApp=angular.module（'nanoApp'，['ngRoute']）；
纳米应用
.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
控制器：'HomeController作为homeSlides'，
templateUrl:'content/home.html'
})
。当（“/产品”{
控制器：'ProductsController作为产品'，
templateUrl:'content/products.html'
});
})
.controller（'HomeController'，[“$scope”，函数（$scope）{
}])
.controller（'ProductsController'，[“$scope”，函数（$scope）{
}]);

我需要门

左门

和

右门

在视图更改之前设置关闭动画，然后在视图加载时打开。门在ng视图之外，所以我不能使用有触发器的门。我可以在点击链接/按钮时使用触发器，但视图会随着门的关闭而改变

---

我有一个jquery函数来控制打开和关闭，但如果需要/需要，我可以在使用ng view时使用CSS3。

也许您可以使用

$routeChangeStart/Success

事件，或者在控制动画的路由解析中添加一些内容？也许您可以使用

$routeChangeStart/Success

事件或添加一些内容在解析控制动画的路由时？也许您可以使用

$routeChangeStart/Success

事件，或者在解析控制动画的路由时添加一些内容？