Блог

Я новичок в angular. Я сначала попробовал интегрировать AdminLTE. Это мой app.component.html

 <app-head></app-head>
<app-menu></app-menu>
<router-outlet></router-outlet>
<app-footer></app-footer>
<app-setting></app-setting>
  

А также я создаю другой компонент и вызываю его из app-routing, как показано ниже

 {
    path: 'opdsystem',
    loadChildren: './main/opdsystem/opdsystem.module#OpdsystemModule'
}
  

Это отдельный модуль маршрута.

 const routes :Routes =  
[  
  {  
    path:'register',
    component: RegisterComponent  
  }  
] 
  

Затем я использую routerLink для вызова ссылки, но у меня возникла проблема с отображением нижнего колонтитула.

   <ul class="treeview-menu">
    <li><a routerLink = "opdsystem/register" routerLinkActive="router-link-active" >Sub menu1</a></li>
    <li><a href="#">Sub menu2</a></li>
  </ul>
  

Я не знаю, является ли AdminLTE самой проблемой или я делаю что-то не так. Поэтому я сделал видео на YouTube в качестве доказательства.

 https://www.youtube.com/watch?v=vvy3fBhMc2I
  

Спасибо за все комментарии.

Вы должны передать массив в routerlink. Используйте так: [routerLink]='["/opdsystem","register"]'

Обновить путь к дочерним элементам из корневого источника

angular.json

"sourceRoot": "src"

файл маршрутизации приложения

   {
        path: 'opdsystem',
        loadChildren: 'src/**OtherChildFolder**/opdsystem/opdsystem.module#OpdsystemModule'
    }
  

Обновите routerlink следующим образом: [routerLink]='["/opdsystem","register"]'