1

我希望为多个链接突出显示选项卡。我不确定我是否误解了功能。以下是我的代码。

<div class="row">
  <div class="col-12">
    <nb-card size="small">
      <nb-route-tabset [tabs]="tabs" fullWidth activeLinkOptions="{exact:
    false}"></nb-route-tabset>
    </nb-card>
 </div>
</div>

我的组件：

  tabs: any[] = [
  {
    title: 'Contacts',
    route: '/addressbook/contact',
    icon: 'person-outline',
    responsive: true, 
  },
  {
    title: 'Companies',
    route: '/addressbook/company',
    icon: 'people-outline',
    responsive: true, 

  },
  {
    title: 'Company Types',
    route: '/addressbook/companytype/index',
    icon: 'grid-outline',
    responsive: true, 
  },
];

呈现的html：

<li _ngcontent-eap-c56="" class="route-tab responsive ng-star-inserted" routerlinkactive="active" tabindex="0" ng-reflect-router-link="/addressbook/companytype/index" ng-reflect-router-link-active-options="{exact:
    false}" ng-reflect-router-link-active="active">

我希望每当我访问“/addressbook/companytype/create”时都会突出显示“公司类型”选项卡。这是“exact：false”的预期行为吗？

任何帮助将不胜感激！

4

1 回答 1

2

Jason 在上面尝试在 stackblitz 上的评论帮助我了解了 activeLinkOptions 的用法。我的两个网址如下。

“/addressbook/companytype/Index” - 父级 “/addressbook/companytype/create” - 子级

如您所见，孩子不是从父母那里继承的。所以它没有用。现在将 URL 更改为如下所示，效果很好。

“/addressbook/companytype” - 父级 “/addressbook/companytype/create” - 子级

于 2020-01-06T04:56:03.980 回答