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数据分析,wepokerplus辅助,烘培教程(切实是真的挂)-哔哩哔哩1、...
透视安装!wepokerplu... 您好,大菠萝手游辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家...
透视了解!pokemmo脚本辅... 透视了解!pokemmo脚本辅助器下载,wepoker轻量版辅助,秘籍教程(都是存在有挂)-哔哩哔哩...
透视了解!wepoker免费透... 透视了解!wepoker免费透视脚本,德普之星辅助器app,方式教程(切实是真的挂)-哔哩哔哩暗藏猫...
透视规律!拱趴大菠萝机器人,x... 透视规律!拱趴大菠萝机器人,xpoker怎么辅助,技法教程(好像存在有挂)-哔哩哔哩1、拱趴大菠萝机...
透视了解!wepoker透视功... 透视了解!wepoker透视功能下载,淘宝买wepoker透视有用吗,办法教程(切实真的是有挂)-哔...
透视黑科技!德普之星怎么设置埋... 透视黑科技!德普之星怎么设置埋牌,we-poker靠谱吗,模板教程(竟然真的有挂)-哔哩哔哩1、德普...
透视挂透视!epoker底牌透... 透视挂透视!epoker底牌透视,aapoker怎么提高中牌率,方案教程(其实真的是有挂)-哔哩哔哩...
透视好友!we-poker辅助... 透视好友!we-poker辅助器,wpk辅助哪里买,讲义教程(本来是真的挂)-哔哩哔哩1、起透看视 ...
透视好友房!德普之星的辅助工具... 透视好友房!德普之星的辅助工具介绍,wepoker辅助分析器,大纲教程(果然有挂)-哔哩哔哩1、德普...