Детский путь Angular8 - PullRequest
Новая
       5

Детский путь Angular8

0 голосов
/ 12 января 2020

Я создал несколько компонентов и путей. У меня есть некоторые дочерние компоненты, и теперь я загружаю свой компонент login компонента. и после входа в систему будут отображаться два компонента: одна панель мониторинга, которая является родительским компонентом, и один дочерний компонент alllleadcomponent внутри панели мониторинга. который работает найти. Теперь я создал несколько ссылок, и когда я нажимаю home, он перенаправляет меня на компонент входа в систему. Итак, что я хочу, когда я нажимаю на домашнюю ссылку, я хочу отобразить весь 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}
]

1 Ответ

1 голос
/ 13 января 2020

При настройке конфигурации маршрутизатора единственный способ, которым вы можете перейти к 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>
...