在Angular中的两个不同的parents下使用相同的children 8

Question

我有两种不同的方式来访问某些页面，一种是查看模式，一种是编辑模式。所以我想为这些选项提供以下两个 URL（所有页面都是合格的，它们将由参数处理 - 编辑或不编辑）：

profile/first-tab/1（供查看）

profile/first-tab/edit/1（用于编辑）

配置文件是 parent，其下方是 5 children（first-tab、second-tab...）

如何配置路由才是最佳方式？

提前致谢:-)

Answer 1

您可以像这样更改路由，并为两条路由设置相同的组件

 const routes: Routes = [

  { path: 'profile/first-tab/1', component: SomeComponent },
  { path: 'profile/first-tab/edit/1', component: SomeComponent }
];

在Angular中的两个不同的parents下使用相同的children 8

Use same children under two different parents in Angular 8

typescript

angular-ui-router

angular