首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 5 +可选参数路由AND loadChildren无法正常工作?

Angular 5 +可选参数路由AND loadChildren无法正常工作?
EN

Stack Overflow用户
提问于 2018-08-31 01:14:20
回答 1查看 0关注 0票数 0

我不知所措,我摔倒了,我到处都是,每个人都在展示我正在展示的第一个解决方案的例子......但是

当我去/abc然后/abc/working用此配置,工作页面加载子模块。但是,当我走的时候/abc/abc/1它重新加载页面,这是不是很大和问题。

代码语言:javascript
复制
@RouteConfig([{
  path: '/abc',
  component: Abc,
  name: 'abc',
      children: [
         path: 'working',
         loadChildren: '',//someModule
         date: {preload: true}
      ]
      },
  {
  path: '/abc/:xyz',
  component: Abc,
  name: 'abcXyz'
}])

但是,当我尝试以下操作时:(执行相同的步骤)notWorking显示在url中 - 但子模块从不加载。

代码语言:javascript
复制
@RouteConfig([
{
  path: '/abc/:xyz',
  component: Abc,
  name: 'abcXyz',
  children: [
     path: 'notWorking',
     loadChildren: '',//someModule
     date: {preload: true}
  ]
}])

我的理想解决方案是使用可选参数的路径,可以是未定义的,在使用可选参数移动到路径或从路径移动时不重新加载页面,并且懒惰地加载我的子模块。

EN

回答 1

Stack Overflow用户

发布于 2018-08-31 10:14:22

两件事情:

1)angular.io的最佳实践规定将延迟加载的组件路由集中到.routing.module中,而不是使用@RouteConfig装饰器。它应该帮助您和其他任何人更快地了解正在发生的事情。

2)路由声明对您放置它们的顺序很敏感,因此如果您遇到问题,请仔细检查所有声明是否可访问总是好的。

如果您使用StackBlitz提供项目的简单模型,我可能能够更好地帮助您。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002515

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档