0

我创建了一些组件和路径。我现在也有一些子组件我所做的是最初我将加载我的组件登录组件。当您登录时，将呈现两个组件，一个是父组件的仪表板，另一个是仪表板内的子组件 alllladcomponent。这是工作发现。现在我已经创建了一些链接，当我单击主页时，它会将我重定向到 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>

这里是 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}
]
4

1 回答 1

1

通过您的路由器配置设置，您可以导航到 的唯一方法AllleadsComponent是导航到http://localhost:4200/dashboard.

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

{path:'',component:LoginComponent}

这告诉 Angular 路由器，当你导航到http://localhost:4200你想要LoginComponent加载的时候。

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

<li><a routerLink="/dashboard"><mat-icon >home</mat-icon>Home</a></li>
于 2020-01-13T01:28:55.953 回答