Question

我是新手。我首先尝试了AdminLTE集成。这是我的app.component.html

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

我还创建了另一个组件，并按如下所示从应用程序路由中调用

{
    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

感谢所有评论。

Answer 1

您必须将一个数组传递到routerlink。像这样使用：[routerLink]='["/opdsystem","register"]'

Answer 2

从根源更新loadChildren的路径

angular.json

"sourceRoot": "src"

应用路由文件

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

使用以下命令更新routerlink：[routerLink]='["/opdsystem","register"]'

Angular7上集成了AdminLTE的routerLink问题

2 个答案: