Angular 路由器重用策略 - 在两条路由上使用相同的组件

Question

我需要在两条不同的路线上使用相同的组件，并且我正在重用这两条路线。我正在遵循这个例子：

该组件有一个文本字段。我正在导航到第一条路线并在该字段中输入一些文本。然后我切换到另一条路线，但我看到的是我刚刚输入的相同文本。我认为路由器运行同一类的two实例；因此，我应该能够在路线中输入不同的文本。有什么想法吗？

谢谢

Answer 1

每个路由路径的实例都是唯一的，加上

routerLink

中存在拼写错误，都指向

compA

可能导致了问题，下面我将两条路由更改为同一组件，并且它维护每个路由的状态（url 路径).

const routes: Routes = [
  {
    path: 'compA',
    component: ComponentA,
  },
  {
    path: 'compB',
    component: ComponentA,
  },
];