javascript - Angular ngAnimate，如何混合过渡？

Question

在定义了 ngAnimate 的单页应用程序中:

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

是否可以将某些路由页面设置为 x 转换，而另一些路由页面设置为 y 转换？

我想混合转换。

更新 1

这个提议:

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

我试过了，但是没用。无论我对元素做了什么，甚至像我在示例代码中所做的那样删除了类，总是会触发相同的转换。

Answer 1

理论上是可以的。您需要做的是在路由开始时更改容器的类。您可以为此编写自己的指令。代码会是这样的

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 中，您可以为这些类定义不同的转换。需要记住的一件事是，这会同时影响进入和离开动画。