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

相关内容

热门资讯

黑科技辅助挂(wpk德州)外挂... 黑科技辅助挂(wpk德州)外挂透视辅助神器(透视)我来教教你(果然真的是有挂);1、每一步都需要思考...
黑科技神器(红龙扑克)外挂辅助... 黑科技神器(红龙扑克)外挂辅助神器(透视)AI教程(原来存在有挂)1)红龙扑克辅助挂:进一步探索红龙...
黑科技辅助挂(wePoke)黑... 黑科技辅助挂(wePoke)黑科技透明挂辅助技巧(透视)2025新版技巧(竟然真的是有挂);一、we...
黑科技好友(微扑克俱乐部)外挂... 黑科技好友(微扑克俱乐部)外挂透视辅助方法(透视)系统教程(竟然真的是有挂)1、进入游戏-大厅左侧-...
黑科技数据(wepoker)黑... 黑科技数据(wepoker)黑科技透明挂辅助神器(透视)力荐教程(本来真的是有挂)1、下载好wepo...
黑科技存在(wEPOKE)黑科... 黑科技存在(wEPOKE)黑科技透明挂辅助app(透视)安装教程(确实真的有挂)小薇(透视辅助)致您...
黑科技玄学(德州wpk德州)外... 黑科技玄学(德州wpk德州)外挂透视辅助挂(透视)细节方法(原来存在有挂);1、不需要AI权限,帮助...
黑科技有挂(德州aapoker... 黑科技有挂(德州aapoker俱乐部)外挂辅助安装(透视)揭秘教程(确实真的是有挂);1、德州aap...
黑科技代打(wpk德州)外挂透... 黑科技代打(wpk德州)外挂透视辅助教程(透视)大神讲解(一贯是有挂);1、下载好wpk德州辅助软件...
黑科技攻略(微扑克wpk)外挂... 黑科技攻略(微扑克wpk)外挂透视辅助方法(透视)安装教程(一直是有挂)进入游戏-大厅左侧-新手福利...