Angular Материал навигационной панели - не видны надписи

Question

Вот мой код для navbar:

<nav mat-tab-nav-bar>
    <a mat-tab-link
      *ngFor="let link of navLinks"
      [routerLink]="link.link"
      routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive">
    </a>
</nav>

И компонент:

export class SettingsComponent implements OnInit {
  navLinks: any[];
  activeLinkIndex = -1;
  constructor(private router: Router) {
    this.navLinks = [
        {
            label: 'First',
            link: 'syspref',
            index: 0
        }, {
            label: 'Second',
            link: 'userpref',
            index: 1
        }
    ];
}
ngOnInit(): void {
    this.router.events.subscribe((res) => {
        this.activeLinkIndex = this.navLinks.indexOf(this.navLinks.find(tab => tab.link === '.' + this.router.url));
    });
  }
}

Работает нормально, за исключением того, что я не вижу ярлыки. Есть идеи почему?

Спасибо

Answer 1

Нашел это. Я пропал без вести {{link.label}}:

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