2014-01-10 4 views
1

В одной странице Применение с ngAnimate определено:Угловой ngAnimate, как смешивать переходы?

var app= angular.module("demoApp", ['ngRoute','ngAnimate']); 

Можно ли установить некоторые страницы маршрутизации с помощью рентгеновских переходов и других с у переходов?

Я хотел бы смешивать переходы вверх.

Update 1

Это предложение:

$scope.$on('$routeChangeStart', function(event, next, current) { 
     var newPath = next.$$route.originalPath; 
     ... 
     $("#elementID").removeClass('view-animate'); 
    }); 

Я попытался это, но это не сработало. Тот же переход всегда срабатывал независимо от того, что я сделал для элемента, даже удалив класс, как это было в примере кода.

ответ

2

Теоретически это должно быть возможно. Вам нужно будет изменить класс контейнера при запуске маршрутизации. Вы можете написать свою собственную директиву для этого. Код будет что-то вроде

scope.$on('$routeChangeStart', function(event, next, current) { 
    var newPath = next.$$route.originalPath; 
    // determine the class based on the path 
    // set the class on the ng-view div 
    // or toggle one class if you need only two different transitions 
    element.toggleClass(transitionClass); 

В вашем css вы можете определить разные переходы для этих классов. Одно дело иметь в виду, что это сразу повлияет на анимацию ввода и отпуска.

Смежные вопросы