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-h5... 揭幕透视!wepoker-h5下载!实测交流辅助攻略(有挂教学)-哔哩哔哩一、wepoker-h5下...
详情透视!wejoker手机版... 详情透视!wejoker手机版透视脚本!玩家必备攻略辅助攻略(有挂秘诀)-哔哩哔哩1、许多玩家不知道...
必备透视!aapoker辅助插... 必备透视!aapoker辅助插件工具!一秒答解辅助技巧(有挂神器)-哔哩哔哩aapoker辅助插件工...
科普透视!wepoker轻量版... 科普透视!wepoker轻量版书签!我来教教大家辅助攻略(果真有挂)-哔哩哔哩1、每一步都需要思考,...
详情透视!拱趴大菠萝怎么开挂!... 详情透视!拱趴大菠萝怎么开挂!玩家必备教程辅助教程(有挂解密)-哔哩哔哩1、该软件可以轻松地帮助玩家...
辅助透视!pokemmo手机版... 辅助透视!pokemmo手机版脚本免费!指导大家辅助技巧(有人有挂)-哔哩哔哩;1、下载好pokem...
普及透视!aapoker俱乐部... 普及透视!aapoker俱乐部靠谱吗!我来教教大家辅助脚本(存在有挂)-哔哩哔哩1、aapoker俱...
关于透视!wepoker提高好... 您好,wepoker提高好牌率这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
揭幕透视!wepoker辅助器... 揭幕透视!wepoker辅助器有哪些功能!推荐十款辅助工具(有挂功能)-哔哩哔哩1)wepoker辅...
关于透视!hhpoker到底可... 关于透视!hhpoker到底可以作弊吗!今日百科辅助app(有挂秘诀)-哔哩哔哩1、上手简单,内置详...