angular - 在 Angular Material Md-tabs 中添加新选项卡后滚动到最后一个选项卡
问题描述
我有一个实现,我可以添加新的 md-tabs。选项卡像菜单一样水平放置。当我单击“添加选项卡”按钮时,md-tabs 应该滚动到最后一个(到新添加的)。如何做到这一点?
解决方案
对于材料 2,您可以使用对 selectedIndex 的 2 路绑定,[(selectedIndex)]="number"。
如果您的添加选项卡按钮将新对象推送到数组中,您可以编写
<mat-tab-group [(selectedIndex)]="tabArray.length">
<mat-tab label="First">
<ng-template matTabContent>
The First Content
</ng-template>
</mat-tab>
<mat-tab label="Second">
<ng-template matTabContent>
The Second Content
</ng-template>
</mat-tab>
</mat-tab-group>
<button mat-button (click)="pushNewTab('three')>Add tab</button>
在组件中
public tabArray = ['one', 'two']
public pushNewTab(newtab) {
this.tabArray.push(newtab);
}
推荐阅读
- android-studio - 在我的 android 应用程序中删除夜间模式 | 安卓工作室
- kubernetes - kubernetes中calico CNI如何找出每个节点分配了什么podcidr
- python - Keras:在添加掩蔽层后使用自定义损失编译模型时出错
- react-native - 在 React Native 项目中全局设置默认字体
- arrays - Angular获取具有其他键条件的数组的总和
- javascript - × 错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象
- php - 将 id 从 foreach 传递到 jquery modal
- flutter - 如何在颤动中管理 TextFormField 填充和边距?
- angular - 对于 en-US,toLocaleDateString 将“00:30”转换为 24:30
- angular - 本地财产的茉莉花测试