Angular 如何使用内容中的按钮更改角度选项卡?
这是component.html部分。如何从tab1的按钮切换到tab2,从tab2切换到TAB3,依此类推Angular 如何使用内容中的按钮更改角度选项卡?,angular,angular-material,angular7,Angular,Angular Material,Angular7,这是component.html部分。如何从tab1的按钮切换到tab2,从tab2切换到TAB3,依此类推 <mat-tab-group> <mat-tab label="First"> Content 1 <button (click)=?>next</button> </mat-tab> <mat-tab label="Second"> Content 2 &l
<mat-tab-group>
<mat-tab label="First"> Content 1
<button (click)=?>next</button>
</mat-tab>
<mat-tab label="Second"> Content 2
<button (click)=?>previous</button>
<button (click)=?>next</button>
</mat-tab>
<mat-tab label="Third"> Content 3
<button (click)=?>previous</button>
<button (click)=?>submit</button>
</mat-tab>
</mat-tab-group>
内容1
下一个
内容2
以前的
下一个
内容3
以前的
提交
考虑遵循选项卡面板
html结构
<mat-tab-group #allTabs>
<mat-tab label="Tab 1">
<p>Tab 1 Content</p>
<button mat-raised-button tabindex="-1" type="button"
color="warn" (click)='moveToSelectedTab("Tab 2")'>Move to Tab 2</button>
</mat-tab>
<mat-tab label="Tab 2">
<p>Tab 2 Content</p>
<button mat-raised-button tabindex="-1" type="button"
color="warn" (click)='moveToSelectedTab("Tab 1")'>Move to Tab 1</button>
</mat-tab>
</mat-tab-group>
在mat选项卡的内容中,我想制作一个按钮,帮助我切换到下一个选项卡?
moveToSelectedTab(tabName: string) {
for (let i =0; i< document.querySelectorAll('.mat-tab-label-content').length; i++) {
if ((<HTMLElement>document.querySelectorAll('.mat-tab-label-content')[i]).innerText == tabName)
{
(<HTMLElement>document.querySelectorAll('.mat-tab-label')[i]).click();
}
}
}