在Angular1中输入不同路线时的不同动画

Question

我有两种类型的角度路线，我想在输入一种类型时有一个动画，在输入另一种类型时需要另一个动画。

不同类型的路线是＆＃34;左侧边栏＆＃34;和＆＃34;整页＆＃34;所以我需要在＆＃34;左侧边栏＆＃34;中添加一个类。或者＆＃34;整页＆＃34;并编写CSS以添加不同的动画。

我尝试过这样的事情：

<div id="ng-view"></div>
...

.when('/sidebar-route', {
    templateUrl: ..,
    controller : ..,
    resolve    : {
        animation: [function() {
            // add class to ng-view:
            document.getElementById('ng_view_div').add('left-sidebar');
        }],

这似乎没有用，因为document.getElementById（）由于某种原因没有在ng-view div上工作（它返回null）。

Answer 1

我找到了解决方案：

<div ng-view="{{ routeType }}"></div>

....

app.controller('SidebarCtrl', [function() { 
   $scope.routeType = 'sidebar';
}];

app.controller('FullPageCtrl', [function() { 
   $scope.routeType = 'full-page';
}];