如何阻止Angular Routing更新URL?

时间:2018-07-19 07:34:20

标签: angular ionic2 ionic3 lazy-loading

最近,我开始使用 @IonicPage()装饰器在某些页面和TabsPage上使用Ionic3延迟加载。我尚未在所有页面上都做到这一点,但会逐渐做到这一点。

我注意到我猜想Angular Routing将 #something 附加到浏览器地址字段上的URL的副作用。

是否有一种简单的方法可以关闭此部分,换句话说,使对地址栏URL的转换保持静音,因为我目前不在乎它们。

我通过应用程序中的共享按钮以代码的形式构建了自己的URL,以便共享指向应用程序中特定页面或内容的直接链接。像这样

现在访问时这些URL变成这样:

只要用户使用共享按钮提供的链接,我就可以忍受这种“视觉烦恼”。但是,如果用户在访问example.com之后尝试通过添加如下内容来手动在地址栏上构建:

然后是我的解析代码

  let URL: string = window.location.search.slice(1) 

我用来获取URL参数的

将失败(返回“” ??)。

我已经阅读了一些有关在Ionic2 / Ionic3中进行布线的教程,但是都没有提供有关如何将角度布线/映射到我的参数格式的简单说明?
因此整个角度路由仍然很模糊。

我也阅读了许多博客,这些博客预期将对Ionic4中的“延迟加载”进行更改。他们显然会删除@IonicPage()并在模块声明中使用以下代码:

 const routes : Routes [ 
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', loadChildren: './pages/home/home.module#HomePageModule' }, 
 ] 

我找不到任何文档或教程,如果可以提供到我自己的自定义格式的映射。

Ionic4的当前版本仍处于测试阶段,因此我选择坚持使用Ionic3,因为我不完全理解,更不用说掌握这些路由了。

在为商店构建Android应用APK时,我尚未对此延迟加载/角度路由的影响进行评估或测试。

谢谢您的帮助,并指出正确的方向。

0 个答案:

没有答案