Tabs angular 显示第一个标签

Question

我尝试使用来自 angular material 的选项卡，所以我按照文档进行操作，但是当我使用您在第一个选项卡下方找到的代码片段时，当页面加载完成时，我没有显示我被迫点击它。

关于选项卡链接的官方文档：https://material.angular.io/components/tabs/overview

如何让第一个选项卡在我不需要点击的情况下已经加载？

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;

Answer 1

你不按索引定义activeLink，你按值定义它：

  links = ['First', 'Second'];
  activeLink = this.links[0];

请参阅the official Stackblitz from Angular。

Tabs angular 显示第一个标签

Tabs angular show the first tab

typescript

angular-material

angular