Angular1で異なるルートを入力したときのアニメーションが異なる

Question

2種類の角度経路があり、あるタイプを入力するときにアニメーションが1つ、別のタイプを入力するときに別のアニメーションが必要です。

ルートの種類は「左側のサイドバー」と「フルページ」なので、「左側のサイドバー」または「フルページ」のどちらかにクラスを追加し、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（）は、何らかの理由（それはnullを返します）のためにNGビューdivの上では動作しませんので、これは動作していないようでした。

Answer 1

私は解決策を見つけた：

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

.... 

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

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