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>