Question

我有一个标题，其菜单由类别组成，它们是相同的组件但查询不同。从父到子的第一次调用是完美的，但是如果我从这个子组件中导航到另一个类别，我会收到错误！

当我在这个孩子里面导航时，我知道链接出了问题，这使得[routerLink]立即更新。此外，如果我从类别子组件导航到登录组件，这是分离组件将给我相同的错误！

注意：此链接中没有回答相同的问题

路由器配置

const APP_ROUTES: Routes = [
  {path: 'landingpage', component: LandingpageComponent },
  {path: '', component: IndexComponent, children: [
        {path: '', component: HomeComponent},
        {path: 'category/:cate', component: CategoryComponent },
        {path: 'post/:id', component: PostComponent },
        {path: 'profile/:id', component: ProfileComponent }
      ] },
  {path: 'login', component: LogginComponent }

];

See the image

Answer 1

问题经深度搜索后解决了。我看到了一个叫做

的人的回应

brandonroberts ：您的路由器链接无效，您需要设置终端路线

这解决了我的问题...

[routerLink]="['','category', cat.id]"

Angular 2：如何使用具有不同数据的相同子组件？

1 个答案: