Angular 5 - 多个路由同一个控制器

Question

我有这样定义的路线：

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

现在，如果我从 route1 导航到 route2，我的 StartComponent 将被重新创建。有什么办法可以防止 angular 这样做吗？

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

Answer 1

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

这应该可以防止您的组件遭到破坏

Angular 5 - 多个路由同一个控制器

Angular 5 - multiple routes same controller

angular

angular-ui-router

angular-router