angular - ionic 深层链接

Question

我已经使用深度链接创建了我的第一个 Ionic 应用程序。不得不放弃 lazy-loading with deep links目前...但是当您导航到其他地方(例如返回主页)时，URL 仍然存在的方式让我感到困惑。人们如何解决这个问题？只是做某种 URL 重写？还是这样做可能会破坏其他东西？看来您也无法轻易清除该 URL，因为它会再次出现。

我看过 Ionic blog ，以及Github issues中的热烈讨论关于行为。

似乎 @IonicPage 提供了对自定义内容的一些控制，但这仅适用于延迟加载/模块，对吗？还是可以在不延迟加载的情况下使用注解？

任何关于如何最好地使用它的建议都将不胜感激。

我还注意到其他一些奇怪的行为，因为我用来保存对主页的引用的数据结构变得未定义，即使它是作为常量导出的。这是应用程序启动时的初始 rootNav。我不得不做一个笨拙的 hack 来解决它，为它调节

if (page.home != undefined) { //Bug in Ionic perhaps
   this.nav.setRoot(HomePage, params)
   .catch((err: any) => {
          console.log(`Didn't set HOME root: ${err}`);
   }); 
} else {
   this.nav.setRoot(page.component, params)
   .catch((err: any) => {
          console.log(`Didn't set nav root: ${err}`);
    });
}

Chrome console.log

PageInterface 数据结构

丢失“主页”的常量部分，在我导入的类的组件键中。

这是别人经历过的吗？我没有看到任何建议或明显的错误。干杯。

Answer 1

首先，ionic 中的导航自 3.6.0 版(尤其是带有选项卡的版本)以来存在很多问题，他们重构了生成 URL 的方式(现在它们更具可读性)。正如您已经提到的，github 上有许多 Unresolved 问题，根据团队的说法，这些问题将在接下来的几周内得到修复(他们目前非常忙于重构 ionic v4 的整个框架)。

回答有关 IonicPage 装饰器的问题:您也可以在不延迟加载页面的情况下使用它:在您的主模块 app.module.ts 中添加以下内容:

imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      preloadModules: true
    })
],

preloadModules: true 告诉 ionic 你想急切地加载你的页面(而不是懒惰)。在您的 IonicPage 装饰器中，您可以配置模块在启动时加载的优先级:

@IonicPage({
  name: 'my-page',
  priority: 'high'
})

对于 priority 属性，可以使用值 high、low 和 off。 off 表示页面是延迟加载的。您可以在 documentation 中找到它IonicPage 装饰器。