Angular 5-多个路由相同的控制器

Question

我已经定义了这样的路由：

const routes: Routes = [
  { path: '', component: StartComponent},
  { path: 'route1', component: StartComponent},
  { path: 'route2', component: StartComponent},
  { path: 'route3', component: StartComponent}
];

现在，如果我从route1导航到route2，将重新创建StartComponent。有什么方法可以防止这种情况吗？

此组件中有一些动画，我需要在这两个路线之间切换而无需重新创建我的组件。

Answer 1

const routes: Routes = [
  { path: '', redirectTo: 'route1', pathMatch: 'prefix'},
  { path: 'route/:routeId', component: StartComponent},
];

这应该防止破坏您的组件