https://nirajsonawane.github.io/2018/10/27/Angular-Material-Tabs-with-Router/を参考にAngularアプリにタブを追加した時にタブ名が空白

問題

ここを参考にangularでタブごとにページを切り替えることに成功したがタブ名が空白

解決

before

app.component.html

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

after

app.component.html

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