Question

我有一个带路由器的父页面，只设置了两条路由：

＆＃13;

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

＆＃13;

现在，第一次＆＃39;卡＆＃39;使用route，调用所有生命周期方法：constructor，created，attach，bind，activate等。

当我从一张卡片中导航时到另一个，只有'激活＆＃39;叫做。我的问题是，这张卡包含自定义元素，在这种情况下不调用其生命周期方法，我需要重新初始化他们的数据。

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

＆＃13;

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

＆＃13;

这导致所有生命周期方法被调用得很好，但我当然不想依赖于某些超时...

我还试图用不同的名称和路线复制我的卡片路线：

＆＃13;

  { 
    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'
  }

＆＃13;

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

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

我非常感谢任何帮助！

干杯

Answer 1

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

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

1 个答案: