Tab

> v. 15

v15 부터는 tab 사용법이 약간 달라졌다.
기존 처럼 사용하면 A mat-tab-nav-panel must be specified via [tabPanel]. 에러가 발생한다.
아래 15 이하버젼과 비교하시면서 보시기를 바랍니다.

<div class="trade-wrap container">
    <nav mat-tab-nav-bar mat-align-tabs="center" [tabPanel]="tabPanel"> <!-- [tabPanel]="tabPanel" 추가-- >
        <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.path" routerLinkActive #rla="routerLinkActive" [active]="rla.isActive">
            {{link.label}}
        </a>
    </nav>
    <mat-tab-nav-panel #tabPanel> <!-- #tabPanel을 가진 mat-tab-av-panel을 추가한다.-->
        <router-outlet></router-outlet>
    </mat-tab-nav-panel>
</div>

< v. 15

<div class="trade-wrap container">
  <nav mat-tab-nav-bar mat-align-tabs="center">
    <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.path" routerLinkActive #rla="routerLinkActive" [active]="rla.isActive">
      {{link.label}}
    </a>
  </nav>
  <router-outlet></router-outlet>
</div>