Angular 使用相同的延迟加载模块路由2个组件

Angular 使用相同的延迟加载模块路由2个组件,angular,parameters,module,routes,lazy-loading,Angular,Parameters,Module,Routes,Lazy Loading,我有BookModule和BookCreate和BookEdit两个组件。 当我使用lazyload模块时,如何区分它们。 假设我在主页中有两个按钮创建和编辑。我想单击每个按钮将导航到bookCreate/bookEdit组件 我想要这样:myweb/store/book->BookCreateComponent myweb/profile/12345/edit->BookEditComponent 在回家的路上 { path: 'book', loa

我有BookModule和BookCreate和BookEdit两个组件。 当我使用lazyload模块时,如何区分它们。 假设我在主页中有两个按钮创建和编辑。我想单击每个按钮将导航到bookCreate/bookEdit组件


我想要这样:myweb/store/book->BookCreateComponent myweb/profile/12345/edit->BookEditComponent 在回家的路上

      {
        path: 'book',
        loadChildren: 'app/run/run.module#BookModule'
      } 
图书路线

  {
    path: '',
    component: BookCreateComponent
  }
  // I don't know how routing to BookEditComponent 

如果我理解正确,我将向BookModule添加第二条路线:

  {
    path: '',
    component: BookCreateComponent
  },      
  {
    path: 'edit',
    component: BookEditComponent
  }
然后,您可以像这样路由到它:

[routerLink]="book/edit" -> BookEditComponent
[routerLink]="book" -> BookCreateComponent

看看我的例子:

模块: 使用任何选项1或2 1 { 路径:配置文件, loadChildren:app/profile/profile.moduleProfileModule }, 2 { 路径:配置文件, loadChildren:./profile/profile.moduleProfileModule }, 轮廓路线 { 路径:, 组件:ProfileComponent } { 路径:':id', 组件:BookCreateComponent } { 路径:':id/编辑', 组件:BookEditComponent } 模板: 创造 编辑
我想要这样的:myweb/store/book->BookCreateComponent myweb/profile/12345/edit->BookEditComponent如果使用,上述代码将不起作用,对吗?更新的答案请检查,如果有任何查询,然后添加注释。hi@Savaj如果使用您的解决方案,我的网站将是:myweb/profile/12345/book/edit not myweb/profile/12345/edithi@Savaj,我的意思是我想要的url将是:myweb/profile/12345/edit without book。我有一个BookModule将是两个模块的延迟加载:StoreModules和ProfileModules与store我想要的:myweb/store/book与profile:myweb/profile/12345/edit谢谢你的帮助,但我在这里没有看到包含BookModules的延迟加载模块。我们不能在这里使用lazyload模块,对吗?只需像您的答案一样导入组件?我想要这样:myweb/store/book->BookCreateComponent myweb/profile/12345/edit->BookEditComponent如果使用该选项,上述代码将无法工作,对吗?