Javascript 角度:在页面加载后添加类

Javascript 角度:在页面加载后添加类,javascript,css,angularjs,Javascript,Css,Angularjs,我有一个相当简单的角度路由方案,有两条路由: aoo.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/frame', { controller: 'FrameCtrl', templateUrl: 'ngPartials/frame.html' }). when('/bar', { controll

我有一个相当简单的角度路由方案,有两条路由:

aoo.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/frame', {
            controller: 'FrameCtrl',
      templateUrl: 'ngPartials/frame.html'
        }).
    when('/bar', {
      controller: 'BarCtrl',
      templateUrl: 'ngPartials/bar.html'
    }).
        otherwise({
      controller: 'BarCtrl'
        });
}]);
我有一个简单的CSS转换:

.fade { transition: all 0.15s ease-out } 

我应用了另一个触发此转换的类。我想在页面加载时添加此类,并在路由更改时将其删除。ng animate指令似乎有点过头了。有没有一种简单干净的方法来完成我想做的事情?

您可以使用ui路由器。它是一个更强大的角度路由库,允许您在一个页面上嵌套ng视图或拥有多个ng视图

当视图(状态)更改时,它还有助于设置视图动画。为此,您需要使用ng enter、ng LEVE指令,这些指令负责在加载或卸载视图/子视图时设置视图动画

这里有一些与ui路由器相关的不错的教程:


我不确定是否完全理解您想要做什么,但我会研究路由更改时发出的$routeChangeSuccess事件。您可以在应用程序配置中为此事件设置一个侦听器,并在每次更改中应用一些逻辑。

我认为使用
ng active
可以完成此操作