【问题标题】:How to delay router deactivation in Angular2?如何在Angular2中延迟路由器停用?
【发布时间】:2016-03-26 20:49:27
【问题描述】:

我一直在玩 Angular2 路由器,想找出其他一些 issues

我在 Angular2 文档中遇到过类似的情况:

deactivate(指令:指令):承诺
删除 该路由器的出口和所有后代出口的内容

我想知道如何设置延迟,并使用新类作为提供者,以便所有路由器导航都有一些延迟(比如说 1 秒)。我想这样做,这样我就可以滑入滑出动画 - 如果我能够延迟路线停用,我可以同时看到两个路线(上一个和下一个)。

【问题讨论】:

标签: angular


【解决方案1】:

您可以实现CanDeactivate,但这对于路由器添加/删除的每个组件都是必需的。如果您返回一个在 1 秒后稳定的 Promise,则组件的移除会延迟这 1 秒。

我不知道是否有更通用的方式,比如使用<router-outlet> 或类似的自定义实现(子类)。

【讨论】:

  • 我在玩它,它不会激活另一个状态。我会尽快提供 plnkr。
  • 有一个相关的未解决问题(暂时找不到)。还有正在进行的工作以提供更好的动画支持github.com/angular/angular/pull/6768
猜你喜欢
  • 2017-12-31
  • 2017-08-21
  • 2016-03-13
  • 2017-05-01
  • 2015-11-29
  • 2015-03-28
  • 2012-10-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多