如何为 nb-route-tabset/ngx-admin 设置 activeLinkOptions

Question

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

<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”时，"Company Types" 选项卡也能突出显示。这是 "exact:false" 的预期行为吗？

如有任何帮助，我们将不胜感激！

Answer 1

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

"/addressbook/companytype/Index" - Parent "/addressbook/companytype/create" - Child

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

"/addressbook/companytype" - Parent "/addressbook/companytype/create" - Child

如何为 nb-route-tabset/ngx-admin 设置 activeLinkOptions

how to set activeLinkOptions for nb-route-tabset/ngx-admin

angular

ngx-admin

angular8