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

相关内容

热门资讯

透视好友"拱趴游戏破... 透视好友"拱趴游戏破解器"详细辅助透明挂教程(黑侠破解神器);拱趴游戏破解器软件透明挂更新新赛季,主...
透视免费"哈糖大菠萝... 透视免费"哈糖大菠萝有挂吗"详细辅助解密教程(透视挂底牌软件);实战中需综合运用上述技巧,并根据牌桌...
透视线上"we-po... 透视线上"we-poker靠谱吗"详细辅助技巧教程(透视脚本免费app方法);建议优先通过we-po...
透视新版"破解辅助插... 透视新版"破解辅助插件wepoker"详细辅助解密教程(辅助器攻略)这是由厦门游乐互动科技有限公司精...
透视ai代打"WeP... 透视ai代打"WePoKer辅助器"详细辅助曝光教程(国外版透视技巧)是一款可以让一直输的玩家,快速...
透视攻略"wejok... 透视攻略"wejoker辅助软件"详细辅助AI教程(手机版透视脚本软件);1.wejoker辅助软件...
透视计算"wepok... 透视计算"wepoker怎么看底牌"详细辅助透明挂教程(手机版辅助技巧);1分钟了解详细教程(微信 ...
透视好友房"hhpo... 透视好友房"hhpoker是真的吗"详细辅助解密教程(辅助器要钱玩教程)关于hhpoker是真的吗机...
透视讲解"wepok... 透视讲解"wepoker数据分析工具"详细辅助德州教程(透视有用神器);玩家必备必赢加哟《13670...
透视教学"wepok... 1、透视教学"wepoker怎么看牌型"详细辅助科技教程(有透视教程);详细教程。2、wepoker...