要设置Angular Material Tabs的初始活动选项卡,您可以使用selectedIndex
属性将其设置为所需的选项卡索引。
首先,确保您已经安装了Angular Material库,并将其导入到您的组件中:
import { Component } from '@angular/core';
import { MatTabsModule } from '@angular/material/tabs';
然后,在您的组件类中,创建一个属性来保存选项卡的索引。例如,如果要将第一个选项卡设置为初始活动选项卡,可以将selectedIndex
属性设置为0:
export class YourComponent {
selectedIndex = 0;
}
接下来,在您的模板中使用MatTabsModule
中的
和
组件来创建选项卡:
Content 1
Content 2
Content 3
在上面的示例中,[selectedIndex]="selectedIndex"
用于将selectedIndex
属性绑定到选项卡组件的selectedIndex
属性。这将确保初始活动选项卡为第一个选项卡(索引为0)。
您可以根据需要更改selectedIndex
属性的值,以将初始活动选项卡设置为其他选项卡。例如,如果要将第二个选项卡设置为初始活动选项卡,可以将selectedIndex
属性设置为1:
export class YourComponent {
selectedIndex = 1;
}
希望这可以帮助到您!