Can't bind to 'active' since it isn't a known property of 'a'

[AnasSahel]

Bug, feature request, or proposal:

I'm using the mat-tab-link inside a mat-tab-nav-bar and I'm getting the error:

Error: Template parse errors:
Can't bind to 'active' since it isn't a known property of 'a'. ("gFor="let link of navLinks" [routerLink]="['/'+link.path]" routerLinkActive #rla="routerLinkActive" [ERROR ->][active]="rla.isActive">
      {{link.label}}
    </a>

What is the expected behavior?

Not getting the error

What is the current behavior?

Getting the error

What are the steps to reproduce?

<nav mat-tab-nav-bar>
    <a matTabLink *ngFor="let link of navLinks" [routerLink]="['/'+link.path]" routerLinkActive #rla="routerLinkActive" [active]="rla.isActive">
      {{link.label}}
    </a>
  </nav>

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.0.2, Material 6.0.2, Safari and Chrome, Typescript 2.7.2.

[crisbeto]

Can you double-check that you've included the MatTabsModule in your app?

[AsantosCandor]

I had the same problem, it was indeed missing the MatTabsModule.

[papiro]

Hmm, I'm having this same problem now, even with the MatTabsModule...

Having this issue even though i have included MatTabsModule with trying to use tabs with active link to do navs. but normal tabs work fine.

[budpok56]

same issue here

[aparna999]

I added the MatTabsModule but still fails. What's the solution for this?

ERROR in : There is no directive with "exportAs" set to "routerLinkActive" ("-link *ngFor="let link of links"
[routerLink]="link.path"
routerLinkActive [ERROR ->]#rla="routerLinkActive"
[active]="rla.isActive">
{{ link.data.title }}
")
: Can't bind to 'routerLink' since it isn't a known property of 'a'. ("tab-nav-bar live-detail-view-nav>
<a mat-tab-link *ngFor="let link of links"
[ERROR ->][routerLink]="link.path"
routerLinkActive #rla="routerLinkActive"
[active]="r")

[senthilpsg]

I am also facing the same problem. I have included MattabModule.

[zbralex]

Hmm, I'm having this same problem now, even with the MatTabsModule...

need import MatTabsModule in app.module

imports: [MatTabsModule]

this reply for another users

[matheusdavidson]

This is still hapenning, i have MatTabsModule in the current module and app.module

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}