我正在使用带有角材料 2 的角通用,因此我只能设法让点击起作用(就用户事件而言)。是否可以从选项卡中附加(单击)属性以更改索引并提取动态数据。
我曾经有一个方法 getAlbums 可以检索 selectedIndexChange 上的图片数组,现在这不是一个选项,还有其他方法吗?
唯一的另一种方法是有一个单独的按钮来控制选项卡索引。
我正在使用带有角材料 2 的角通用,因此我只能设法让点击起作用(就用户事件而言)。是否可以从选项卡中附加(单击)属性以更改索引并提取动态数据。
我曾经有一个方法 getAlbums 可以检索 selectedIndexChange 上的图片数组,现在这不是一个选项,还有其他方法吗?
唯一的另一种方法是有一个单独的按钮来控制选项卡索引。
我可以使用以下代码获取单击事件或鼠标事件
html
<mat-tab-group disableRipple="true" [selectedIndex]="selectedPageIndex">
<mat-tab *ngFor="let tabData of tabsData;">
<ng-template mat-tab-label>
<div (mousedown)="navigate($event, tabData)"> <!-- From here you can get all event and can pass data from *ngFor -->
<mat-icon *ngIf="!!tabData.icon"> {{ tabData.icon }}</mat-icon>
<span *ngIf="!tabData.onlyIcon"> {{ tabData.name }}</span>
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
风格
.mat-tab-label {
padding: 0;
height: 40px;
}
.mat-tab-label-content {
padding: 0 8px;
}
.mat-tab-label-content > div {
line-height: 40px;
}