小编Jag*_*esh的帖子

Angular子路由不会自己加载并且加载父组件

我试图基于亲子概念导航我的Angular应用程序。在加载时,父组件(而不是子组件)被加载,但网址似乎

const appRoute: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'dashboard', component: DashboardComponent },
  {
    path: 'solutions', component: SolutionComponent,
    children: [
      { path: 'cog', component: CogComponent }
    ]
  },
  { path: 'portfolio', component: PortfolioComponent },
  { path: '**', component: PortfolioComponent }
];
Run Code Online (Sandbox Code Playgroud)

当我运行solutions/cog它重定向到,SolutionComponent但它应该加载CogComponent

编辑:1

当我使用它会工作

const appRoute: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'dashboard', component: DashboardComponent },
  { path: 'solutions', component: SolutionComponent },
  { path: 'solutions/cog', …
Run Code Online (Sandbox Code Playgroud)

angular-ui-router angular angular4-router

1
推荐指数
1
解决办法
1680
查看次数