angular - Angular - 如何更改子组件的 url

Question

我有一个组件，比方说/settings，我有几个子组件/comp1或comp2在这里。我可以在它们之间切换而无需从settings. 当我在这些子组件之间切换时，我的 url/settings保持不变。我正在使用ngIf来更改组件，而不是导航到它们，因为我想在Settings Component中打开它们。我怎样才能像这样更改网址：/settings/comp1或/settings/comp2

标签： angulartypescript

Answer 1

你的路由应该是这样的：

const routes: Routes = [
  {
    path: 'settings',
    children: [
      { path: 'comp1', component: Component1 },
      { path: 'comp2', component: Component2 },
    ],
    component: SettingsComponent
  }
];