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获取组件引用时,需要确保模板中该组件已经被正确地声明和初始化。

相关内容

热门资讯

分享开挂内幕!九九联盟辅助,奇... 分享开挂内幕!九九联盟辅助,奇迹手游辅助(总是是真的有挂)奇迹手游辅助辅助器是一种具有地方特色的麻将...
分享认知!小唐家乐园辅助器,w... 分享认知!小唐家乐园辅助器,we poker插件,大神讲解(有挂讲解);1、这是跨平台的小唐家乐园辅...
必备攻略!欢乐达人暗堡破解,光... 必备攻略!欢乐达人暗堡破解,光明大厅微信链接辅助试用(果然是真的有挂)1)光明大厅微信链接辅助试用有...
总算了解!小逸碰胡辅助器,德州... 总算了解!小逸碰胡辅助器,德州私人局脚本,细节揭秘(有挂功能);人气非常高,ai更新快且高清可以动的...
一起来探讨!科乐填大坑作弊码,... 一起来探讨!科乐填大坑作弊码,老友广东潮汕麻雀(果然真的有挂)1.老友广东潮汕麻雀 选牌创建新账号,...
新手必备!威信茶馆大贰破解,u... 新手必备!威信茶馆大贰破解,uupoker透视,总结教程(今日头条);相信小伙伴都知道这个威信茶馆大...
揭秘攻略!闲来透视辅助器最新版... 揭秘攻略!闲来透视辅助器最新版,欢乐联盟免费辅助(好像是真的有挂)1、完成闲来透视辅助器最新版有辅助...
一分钟揭秘!金虎爷有挂吗,we... 一分钟揭秘!金虎爷有挂吗,we-poker正规吗,曝光教程(有挂猫腻);1、点击下载安装,金虎爷有挂...
三分钟了解!内蒙博乐填大坑辅助... 三分钟了解!内蒙博乐填大坑辅助,雀神广东定制插件辅助(确实是有挂)在进入雀神广东定制插件辅助软件靠谱...
总算清楚!潮汕雀友会辅助,we... 【福星临门,好运相随】;总算清楚!潮汕雀友会辅助,wepoker开辅助能查到吗,微扑克教程(有挂解密...