Question

这是我的路线组件。基本上我将出口路由到html标签

目前我在交易页面 - ＆gt; TransactionsComponent标签（单个）。

<a [routerLink]="['../Product',{outlets :{ }}]"></a>

我不确定上面的 routerlink 应该如何导航到FridgeComponent - ＆gt; '冰箱'直接出口。我尝试了不同的选择，没有一个正在运作

请建议实现这一目标的方法。

export const ROUTES: Routes = [
  { path: '',  redirectTo:'home', pathMatch: 'full'},
  { path: 'home',  component: HomeComponent, 
      children:[
        {
            path :'', 
            component: HomeOneComponent, 
            outlet:'one'},
        {
            path :'', 
            component: HomeTwoComponent, 
            outlet:'two'
        }
  ]},
  { 
      path: 'Product',  
      component: ProductComponent, 
        children:[
            {path :'', component: TVComponent, outlet:'tv'},
            {path :'', component: ACComponent, outlet:'ac'},
            {path :'', component: FridgeComponent, outlet:'fridge'}
          ]

  },
  { 
      path: 'Transactions',  
      component: TransactionsComponent
  }
];

Answer 1

这应该适合您，您必须为路线中的路径指定一个值，即使是子路线也是如此。

.........  
{ 
  path: 'Product',  
  component: ProductComponent, 
    children:[
        {path :'tv', component: TVComponent, outlet:'tv'},
        {path :'ac', component: ACComponent, outlet:'ac'},
        {path :'fridge', component: FridgeComponent, outlet:'fridge'}
      ]

},
........

在HTML routerLink 中，请务必提及插座名称和路径名称

 <a [routerLink]="['/product', {outlets: {'fridge': ['fridge']}}]">                  
 </a>

如果您仍然遇到困难，请分享Github / plunker。

导航到兄弟儿童路由器插座不工作

1 个答案: