Angular 使用相同的延迟加载模块路由2个组件
我有BookModule和BookCreate和BookEdit两个组件。 当我使用lazyload模块时,如何区分它们。 假设我在主页中有两个按钮创建和编辑。我想单击每个按钮将导航到bookCreate/bookEdit组件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
我想要这样: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如果使用该选项,上述代码将无法工作,对吗?