有没有办法用包裹router.navigate()的方法选择路由动画?

时间:2017-01-07 21:06:59

标签: javascript angular typescript

我希望能够通过调用特定方法来选择路线动画。

如果还有其他方法,请随时分享。

假设我创建/提供了一个名为" AnimatedRouter"的服务类,它包含使用Angular路由器但根据我运行的方法触发不同动画的方法。

例如:

   import { Router } from "@angular/router"

   exports class AnimatedRouter {
          constructor(private router:Router){} 

          fade(route:Array){
                 this.router.navigate(route) //somehow with fade animation
          }

          slideIn(route:Array){
                 this.router.navigate(route) //somehow with slide animation
          }
   }

然后使用它:

   import { AnimatedRouter } from "../services/animated-router.service"

   exports class Thing {
          constructor(private animatedRouter:AnimatedRouter){} 

          trigger(){
                 //do stuff
                 this.animatedRouter.fade(['my', 'new', 'route'])      
          }
   }

我还没有找到任何资源来帮助我了解如何做到这一点 - 有人能指出我正确的方向吗?

0 个答案:

没有答案