angular - 为什么角度材料日期选择器显示在模态后面并且在 angular12 中以不适当的方式显示？

Question

我刚刚material在我的angular12应用程序中安装了最新版本，我必须在模态框内的字段上显示日期选择器。

组件.html

<div class="form-group">
   <label for="">DOB</label>
   <input type="text" class="form-control" [matDatepicker]="picker" (click)="picker.open()">
   <mat-datepicker #picker></mat-datepicker>
</div>

样式.scss

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

::ng-deep .cdk-overlay-container mat-datepicker-content{
   z-index:20000 !important;
}

但问题是，当模式打开时，当用户点击输入时，日期选择器显示在模式后面，并且以不适当的方式显示。

注意：我将“ngx-bootstrap”用于模式弹出窗口和其他组件。

我怎样才能解决这个问题？我

标签： angularangular-material