子路径Angular8

Question

我创建了一些组件和路径。我有一些子组件，现在我已经做的是，首先，我将加载我的组件logincomponent。当您登录时，将呈现两个组件--一个是父组件的仪表板，另一个是仪表板中的一个子组件。正在寻找工作。现在我创建了一些链接，当我单击home时，它将重定向到logincomponent，所以，我想要的是，当我单击home链接时，我希望呈现所有的引导组件，而不是重定向到logincomponent，下面是我的链接

 <ul class="menulist">
            <li><a routerLink=""><mat-icon >home</mat-icon>Home</a></li>
            <li><a routerLink="addlead"><mat-icon>add_circle</mat-icon>Add Lead</a></li>
            <li><a routerLink="adduser"><mat-icon>person_add</mat-icon>Add User</a></li>
  </ul> 

这是app.module.ts

const appRoutes: Routes =[

  { 
    path:'dashboard',
    component:DashboardComponent,
    children:[
      {path:'',component:AllleadsComponent},
      {path:'adduser',component:AdduserComponent},
      {path:'addlead',component:AddleadComponent},
      {path:'editLead',component:UpdateLeadComponent}
    ]
  },
  {path:'',component:LoginComponent}
]

Answer 1

在设置了路由器配置之后，导航到AllleadsComponent的唯一方法就是导航到http://localhost:4200/dashboard。

由于您的LoginComponent数组中的最后一个对象，所以您将被定向到appRoutes：

{path:'',component:LoginComponent}

这是告诉角路由器，当您导航到http://localhost:4200时，您希望加载LoginComponent。

要获得所需的内容，请将home按钮的html更改为：

<li><a routerLink="/dashboard"><mat-icon >home</mat-icon>Home</a></li>