时间戳

首页 > 解决方案 > 带有侧面导航的 Angular 材质选项卡不起作用

angular - 带有侧面导航的 Angular 材质选项卡不起作用

问题描述

内容上的 Angular Material 会弄乱 Angular Material 中的侧边栏导航。当我们打开侧边导航时，标签内容会显示在侧边导航上，就好像侧边导航是透明的一样。 

<mat-tab-group>
        <mat-tab label="Applicant Details">

我正在检查该位置周围的不同 CSS 选项，但到目前为止还没有运气。如果我删除选项卡组，应用程序看起来还不错。

标签： angularangular-material

解决方案

有同样的问题，只是将 z-index 强制为 0 在 scss 中不起作用，它一直在某处被覆盖，所以唯一对我有用的是使用 jquery 在 onNgInit() 中强制 z-index 值。

ngOnInit() {
    $('.mat-tab-header').css("z-index", 0);
    $('.mat-tab-body-wrapper').css("z-index", 0);
  }

推荐阅读