RouterLinkActive не работает при использовании с * ngFor - PullRequest
Новая
       17

RouterLinkActive не работает при использовании с * ngFor

0 голосов
/ 11 апреля 2019

Мой RouterLinkActive Класс не работает, когда я использовал его с ngFor .Я не знаю, где я отстаю.Ниже приведен код, который я использовал.

HTML 

<div class="mobileNavScroll" [class.leftNavOpened]="status">
    <ul role="tablist" aria-orientation="vertical">
      <li class="nav-item" *ngFor="let tab of tabs">
        <a
        routerLinkActive="active"
        routerLinkActiveOptions="{exact:true}"
          [routerLink]="tab.routerLink"
          >{{ tab.label }}</a
        >
        <i *ngIf="tab.hasErrors" class="pi pi-info-circle tab-errors"></i>
      </li>
    </ul>
  </div>

.ts 

tabs: CommercialReportentryTabInfo[];
this.tabs = [
  {
    label: 'General Info, Land & Zoning',
    routerLink: 'general',
    component: CommercialReportentryGeninfoComponent,
    hasErrors: false
  },
  {
    label: 'Improvements',
    routerLink: 'improvements',
    component: CommercialReportentryImprovementsComponent,
    hasErrors: false
  },
]

interface CommercialReportentryTabInfo {
  label: string;
  routerLink: string;
  formGroup?: string;
  component: Function;
  hasErrors: boolean;
}

Я добавилнеобходимые модули также.RouterLink работает нормально при нажатии на другую вкладку.Однако активный класс не применяется к вкладке

...