可以通过以下步骤实现:
selectedTab: string;
<mat-tab-group>
)来创建名称选项卡。为每个选项卡设置一个唯一的标识符,并绑定selectedTab
变量到选项卡组件的selectedIndex
属性,如下所示:<mat-tab-group [(selectedIndex)]="selectedTab">
<mat-tab label="选项卡1" id="tab1">内容1</mat-tab>
<mat-tab label="选项卡2" id="tab2">内容2</mat-tab>
<mat-tab label="选项卡3" id="tab3">内容3</mat-tab>
</mat-tab-group>
selectedTab
变量来获取选定的名称选项卡的值。例如,可以在需要的地方使用selectedTab
变量来执行相应的操作,如下所示:// 获取选定的名称选项卡的值
console.log(this.selectedTab);
这样,你就可以在Angular中获取选定的名称选项卡的值了。
在腾讯云的产品中,可以使用腾讯云的云服务器(CVM)来部署和运行Angular应用。腾讯云的云服务器提供了高性能、可扩展的计算资源,适用于各种规模的应用。你可以通过以下链接了解更多关于腾讯云云服务器的信息:
腾讯云云服务器产品介绍:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云