AngularMaterialTabs-新添加的Tab只显示一半
创始人
2024-10-28 10:34:31
0

这个问题可能是因为您添加的新Tab没有被正确地添加到Tab的列表中,导致Tab的宽度没有被正确计算,从而只显示了一半。

您可以尝试通过以下代码,在新Tab被添加后,手动让Tab重新计算自己的宽度。

import { Component, ViewChild } from '@angular/core';
import { MatTabGroup } from '@angular/material/tabs';

@Component({
  selector: 'app-tab-example',
  templateUrl: 'my-tab-group.component.html',
})
export class MyTabGroupComponent {
  @ViewChild(MatTabGroup) tabGroup: MatTabGroup;

  onNewTabAdded() {
    // 重新计算Tab的宽度
    this.tabGroup.realignInkBar();
  }
}

在这个代码示例中,我们通过@ViewChild装饰器,获取了在模板中定义的MatTabGroup组件的引用。在新Tab被添加后,我们调用了realignInkBar()方法,让Tab重新计算自己的宽度。

注意:在使用@ViewChild获取组件引用时,需要确保模板中该组件已经被正确地声明和初始化。

相关内容

热门资讯

必备攻略!wepoker有辅助... 必备攻略!wepoker有辅助吗,德普之星app安卓版破解版,详细教程(有挂教程)1、许多玩家不知道...
实测交流!黑侠破解wepoke... 实测交流!黑侠破解wepoker,wepoker俱乐部辅助器,力荐教程(有挂软件)1、玩家可以在we...
总算清楚!wepoker正确养... 总算清楚!wepoker正确养号方法,德州透视是真的假的,新2025教程(有挂神器);亲真的是有正版...
实测交流!pokerrrr2辅... 实测交流!pokerrrr2辅助,hhpoker透视方法,细节揭秘(有挂技巧);1分钟了解详细教程(...
总算明白!hhpoker必备开... 总算明白!hhpoker必备开挂,pokernow辅助控制,玩家教程(有挂技巧)1、玩家可以在pok...
技术分享!拱趴大菠萝作弊方法,... 技术分享!拱趴大菠萝作弊方法,wepoker透视脚本免费,教你攻略(有挂软件)准备好在拱趴大菠萝作弊...
揭秘关于!hhpoker到底可... 1、揭秘关于!hhpoker到底可以作弊码,pokemmo脚本手机版,2025新版(有挂神器)(UU...
必知教程!wepoker私局代... 必知教程!wepoker私局代打,wepoker怎么买辅助,靠谱教程(有挂软件)准备好在wepoke...
总算了解!we poker游戏... 总算了解!we poker游戏下,hhpoker透视脚本下载,2025版教程(有挂技巧);人气非常高...
总算了解!wepoker破解器... 总算了解!wepoker破解器激活码,aapoker免费透视脚本,揭秘教程(有挂攻略);支持多人共享...