I attempted to implement the Tabs feature from angular material by following the provided documentation. However, I encountered an issue where the first tab does not display upon page load; I have to manually click on it to view its content.
For more information on using tabs, you can refer to the official documentation here: https://material.angular.io/components/tabs/overview
Is there a way to ensure that the first tab is loaded automatically without requiring user interaction?
tabs.html
<nav mat-tab-nav-bar [backgroundColor]="background">
<a mat-tab-link *ngFor="let link of links"
(click)="activeLink = link"
[active]="activeLink == link"> {{link}} </a>
<a mat-tab-link disabled>Disabled Link</a>
</nav>
tabs.ts
public activeLink = 0;