Javascript 在angular 2中遇到路由器问题

用户登录系统后，我有一个导航栏，如仪表板，客户，产品。这就是我设置路由文件的方式

app.routing.ts

export const router: Routes = [
{
    path: '',
    redirectTo: 'admin',
    pathMatch: 'full',
    canActivate: [AuthGuard],
},
{
    path: 'admin',
    component: AdminComponent,
    canActivateChild: [AuthGuard],
    children: [
        {
            path: 'customer',
            component: CustomerComponent
        },
        {
            path: 'product',
            component: ProductComponent
        },
        {
            path: '',
            component: DashboardComponent
        }
    ]
},
{ path: 'login', component: LoginComponent }
];

export const routes: ModuleWithProviders = RouterModule.forRoot(router);

Myapp.component.html文件作为基本文件。此处未包含app.component.ts文件，它包含导出类和templateUrl

<router-outlet></router-outlet>

我的管理仪表板.component.ts文件

@Component({
selector: 'app-admin',
template: `
    <div class="wrapper">
        <!-- Start of the navigation bar -->
        <app-navbar></app-navbar>
        <!-- END NAVIGATION -->
          <div class="customer-panel">
            <router-outlet></router-outlet>
          </div><!-- End of the customer panel -->

    </div><!-- /end wrapper -->
`
 })
 export class AdminComponent implements OnInit {}

<div class="collapse navbar-collapse" id="navigate">
          <ul class="nav navbar-nav">
            <li><a routerLink="" routerLinkActive="active">Dashboard</a></li>
            <li><a routerLink="customer" routerLinkActive="active">Customers</a></li>
            <li><a routerLink="product" routerLinkActive="active">Products</a></li>
            <li><a routerLink="user">User</a></li>
            <li><a href="product-transactions.html">Transactions</a></li>
            <li><a href="#">Reports</a></li>
          </ul>
        </div>

@组件({
选择器：“应用程序管理员”，
模板：`

---

因此，我所做的是，我的应用程序加载app.component.html文件，其中包含路由器出口。然后加载admin.component.html文件，我还加载了admin.component.ts文件中的其他导航栏链接，其中路由器出口。它工作正常，但routerLinkActive不起作用，因为这里的仪表板链接始终处于活动状态。那么，我的路线设计好吗？请提供建议。

我认为您需要为仪表板链接包括

routerLinkActiveOptions

，如下所示：

 <li><a routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Dashboard</li>

仪表板

---

我认为您需要在仪表板链接中包含

路由器链接活动选项

，如下所示：

 <li><a routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Dashboard</li>

仪表板

---

现在，其他链接在“活动”时处于活动状态，但仪表板本身未处于活动状态。现在，其他链接在“活动”时处于活动状态，但仪表板本身未处于活动状态。