angular - 使用 Angular Material 2选项卡单击按钮后如何进行导航

标签 angular angular-material2

我正在使用 angular material 2 选项卡,我希望在一个选项卡中有下一个按钮,单击它后导航到另一个选项卡。我应该使用什么来实现该功能?

最佳答案

非常简单:

<mat-tab-group class="demo-tab-group" #matgroup>
    ....
</mat-tab-group>

<button (click)='matgroup.selectedIndex = 2'>Go Next</button>

WORKING DEMO

关于angular - 使用 Angular Material 2选项卡单击按钮后如何进行导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48313792/

相关文章:

javascript - 如何修复由以下原因引起的 : Error in app/app. component.html:15:1:没有 RouterOutletMap 提供程序

angular - mat-select 中的动态禁用/启用无法正常工作

angular - 如何从数组中预选数据到 mat-selection-list

angular - 在 Angular/ Material 中找不到导出 Material 模块

angular-material2 - 如何为 md-icon 正确注册 font-awesome?

html - 如何为导入 svg 图标的 md-icon 着色?

javascript - Angular 4 this.http.get(...).map 不是函数

angular - 使用 ngrx 处理组件错误

angular - NGRX 从有效的参数化选择器获取状态

node.js - 我可以为所有 angular2/4 项目使用一个 node_module 文件夹吗