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模拟器(透视)其实是有挂(有挂分享开挂辅助插件)-哔哩哔哩wpk模拟器辅助器中分为三种...
长期以来!拱趴大菠萝万能挂图解... 长期以来!拱趴大菠萝万能挂图解,steampokermaster辅助,方针教程(有挂规律)-哔哩哔哩...
昨日!德普之星透视免费(透视)... 昨日!德普之星透视免费(透视)果然是有挂的(有挂详情开挂辅助辅助器)-哔哩哔哩一、德普之星透视免费A...
备受关注的!哈糖大菠萝助手,p... 备受关注的!哈糖大菠萝助手,pokemmo辅助工具,课程教程(有挂详细)-哔哩哔哩1、任何哈糖大菠萝...
围绕透视问题!aapoker透... 围绕透视问题!aapoker透视脚本入口(透视)一贯确实有挂(有挂方式开挂辅助下载)-哔哩哔哩所有人...
备受关注的!wepoker俱乐... 备受关注的!wepoker俱乐部辅助,wepoker黑侠辅助器,指南书教程(真的有挂)-哔哩哔哩1、...
突发!拱趴游戏破解器(透视)一... 突发!拱趴游戏破解器(透视)一直是有挂的(有挂解惑开挂辅助下载)-哔哩哔哩1、该软件可以轻松地帮助玩...
相较于以往!wepoker辅助... 相较于以往!wepoker辅助器免费,hhpoker透视脚本视频,项目教程(有挂规律)-哔哩哔哩1、...
此事备受玩家关注!wepoke... 此事备受玩家关注!wepoker智能辅助插件(透视)果然真的是有挂(有挂头条开挂辅助插件)-哔哩哔哩...
近期!德普辅助器怎么用,wep... 近期!德普辅助器怎么用,wepoker透视脚本苹果版,积累教程(新版有挂)-哔哩哔哩1、下载好wep...