要获取Angular Material Design中的选项卡,您可以按照以下步骤操作:
ng add @angular/material
MatTabsModule
模块:import { MatTabsModule } from '@angular/material/tabs';
@NgModule({
imports: [
MatTabsModule
]
})
export class YourModule { }
和
标签来创建选项卡:
selectedIndex
属性来设置默认选中的标签页:
@ViewChild
装饰器来引用MatTabGroup
组件,并使用其方法和属性:import { Component, ViewChild } from '@angular/core';
import { MatTabGroup } from '@angular/material/tabs';
@Component({
selector: 'app-your-component',
template: `
`
})
export class YourComponent {
@ViewChild('tabGroup') tabGroup: MatTabGroup;
ngAfterViewInit() {
console.log(this.tabGroup.selectedIndex); // 获取当前选中的标签页的索引
console.log(this.tabGroup.selectedTab); // 获取当前选中的标签页的MatTab对象
}
}
请注意,这只是一个基本示例,您可以根据自己的需求进行更多的定制和操作。