Angular 儿童径角8

Angular 儿童径角8,angular,components,angular-routerlink,Angular,Components,Angular Routerlink,我已经创建了一些组件和路径。我有一些子组件,现在我所做的是,最初我将加载我的组件logincomponent。当您登录时,将呈现两个组件:一个是父组件的仪表板,另一个是仪表板内部的子组件alllleadcomponent。这是有效的发现。 现在我已经创建了一些链接,当我单击home时,它会将我重定向到logincomponent 所以我想要的是,当我点击主页链接时,我想要呈现所有leadcomponent,而不是重定向到logincomponent 这是我的链接 <ul class="m

我已经创建了一些组件和路径。我有一些子组件,现在我所做的是,最初我将加载我的组件logincomponent。当您登录时,将呈现两个组件:一个是父组件的仪表板,另一个是仪表板内部的子组件alllleadcomponent。这是有效的发现。 现在我已经创建了一些链接,当我单击home时,它会将我重定向到logincomponent 所以我想要的是,当我点击主页链接时,我想要呈现所有leadcomponent,而不是重定向到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> 

在路由器配置设置中,导航到AllleadsComponent的唯一方法是导航到http://localhost:4200/dashboard.

由于appRoutes数组中的最后一个对象,您将被定向到LoginComponent:

这是告诉角度路由器,当你导航到http://localhost:4200 您希望加载LoginComponent

要获取所需内容,请将“主页”按钮的html更改为:

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

你忘了问问题了。@Nichold现在就去问支票
{path:'',component:LoginComponent}
<li><a routerLink="/dashboard"><mat-icon >home</mat-icon>Home</a></li>