Question

我的角度项目中有面包屑，需要在面包屑中用不同的颜色突出显示当前路线这是我的面包屑数组

public breadcrumb: BreadCrumbItem[] = [
        { path: '/admin/resources/users', label: 'Users' },
        { path: '/admin/resources/users/create', label: 'Create' },
        { path: '/admin/resources/users/edit/:id', label: 'Edit' }
    ];

我的HTML看起来像

<ul class="breadcrumb">
    <li routerLink="item.path" routerLinkActive="active_route" *ngFor="let item of breadCrumb"> {{item.label}}</li>
</ul>

当我在“创建”或“编辑”路线上时，“用户”路线也被视为ActiveRoute。

我搜索了问题并找到了[routerLinkActiveOptions]="{ exact: true }作为解决方案

这对我有用，直到我没有在routerlink中附加任何查询参数。一旦将查询参数附加到url，exact : true条件就会失败，并且我的路线也不会突出显示。

有什么选项可以使routerLinkActive仅与链接完全匹配，而忽略查询参数或url段？

完全匹配时，AngularRouterLinkActive应该忽略查询参数

0 个答案: