小编C.G*_*.Gh的帖子

Mat选择显示在Dialog后面的选项

我包括表单输入,mat选择选项和自动完成字段以及选项也进入matDialog框.问题是选项显示在Dialog后面.我已经遇到过那些解决方案解决方案1,但没有解决这个问题.这是我的代码:

<mat-form-field class="wrapField">
  <mat-select (selectionChange)="selectChange($event)" formControlName="product" placeholder="Alle Produkte">
    <mat-option *ngFor="let product of products" value="{{product.id}}">{{product.nummer}}</mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field class="wrapTime">
  <input matInput placeholder="Startzeit" [formControl]="myControl" [matAutocomplete]="auto" formControlName="startTime" required>
  <mat-autocomplete #auto="matAutocomplete">
    <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
      {{option}}
    </mat-option>
  </mat-autocomplete>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

这里是style.css文件:

.cdk-global-overlay-wrapper, .cdk-overlay-container {
  z-index: 99999 !important;
}
Run Code Online (Sandbox Code Playgroud)

任何想法如何解决?

autocomplete options angular6

5
推荐指数
1
解决办法
1205
查看次数

标签 统计

angular6 ×1

autocomplete ×1

options ×1