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

相关内容

热门资讯

我来教教大家开挂!高鹏大厅ai... 我来教教大家开挂!高鹏大厅ai智能开挂工具,高鹏大厅透视挂绝活(其实有挂技术)1、许多玩家不知道高鹏...
推荐十款辅助器!趣玩互娱ai智... 推荐十款辅助器!趣玩互娱ai智能辅助器工具,趣玩互娱开挂技巧方案(确实有挂技术)1、在趣玩互娱插件功...
科普辅助器!长城互动娱乐ai智... 科普辅助器!长城互动娱乐ai智能辅助器教程,长城互动娱乐透视是真的吗演示(其实发现有挂)1、玩家可以...
关于透视!红火众娱ai智能透视... 关于透视!红火众娱ai智能透视软件,红火众娱开挂技巧指南书(原来发现有挂)1、全新机制【红火众娱ai...
今日公布辅助器!红火众娱ai智... 今日公布辅助器!红火众娱ai智能辅助器app,红火众娱外卦神器软件举措(一直有挂技术)1、起透看视 ...
总算清楚开挂!海神娱乐ai智能... 总算清楚开挂!海神娱乐ai智能开挂插件,海神娱乐开挂工具模块(确实发现有挂)1、任何海神娱乐透视是真...
揭秘几款辅助器!汇友互娱ai智... 揭秘几款辅助器!汇友互娱ai智能辅助器app,汇友互娱哪里有挂经验(切实有挂技术)1.汇友互娱 选牌...
技术分享开挂!海象互娱ai智能... 技术分享开挂!海象互娱ai智能开挂工具,海象互娱开挂破解妙招(真是发现有挂)海象互娱脚本下载中分为三...
一分钟了解透视!金麒麟ai智能... 一分钟了解透视!金麒麟ai智能透视软件,金麒麟有挂么攻略(原来有挂解密)1、进入到金麒麟是否有挂之后...
大神推荐辅助挂!圣光区ai智能... 大神推荐辅助挂!圣光区ai智能辅助挂app,圣光区辅助工具资料(总是有挂技术);1、完成圣光区辅助器...