javascript - 强制 Aurelia 使用相同组件但不同路由参数调用新路由的生命周期方法

Question

我有一个带有路由器的父页面，仅设置了 2 条路由:

export const routes = [
  {
    route: [''],
    name: 'empty',
    moduleId: 'pages/empty/empty.html',
  },
  {
    route: ['card/:cardId/mode/:renderMode'],
    name: 'card',
    moduleId: 'some-app/cards/card'
  },
]

现在，第一次使用“card”路由时，将调用所有生命周期方法:构造函数、创建、附加、绑定(bind)、激活等。

当我从一张“卡”导航到另一张“卡”时，仅调用“激活”。我的问题是，这张卡包含自定义元素，在这种情况下不会调用其生命周期方法，我需要重新初始化它们的数据。

为了测试黑客攻击，我尝试在空白页面短暂停留:

this.router.navigate("");
setTimeout(() => {
  this.router.navigate("/card/" + settings.id + "/mode/" + settings.renderMode)
}, 100)

这会导致所有生命周期方法都可以正常调用，但我当然不想依赖某些超时......

我还尝试使用不同的名称和路线复制我的卡路线:

  { 
    route: ['card/:cardId/mode/:renderMode/1'],
    name: 'card-1',
    moduleId: 'e-course-app/cards/card'
  },
  { 
    route: ['card/:cardId/mode/:renderMode/2'],
    name: 'card-2',
    moduleId: 'e-course-app/cards/card'
  }

然后在它们之间迭代，但这没有效果。

最后，我要提一下，Card 页面使用注入(inject)来获取一些单例对象的引用，不知道这是否重要。

我将非常感谢任何帮助!

干杯

Answer 1

我找到了答案；路由激活策略用于确定如何处理页面初始化。您甚至可以更改所有页面的默认策略，如下所述: stackoverflow.com/questions/39999969/how-to-set-default-activationstrategy-in-aurelia