¿Por qué mat-select no funciona dentro del modal? onclick muestra opciones detrás del modal

Utilicé el ngx-bootstrap Modal. Pero me enfrenté a un problema cuando usé el mat-select dentro de él. Las opciones de selección del tapete se muestran detrás del modal. ya estas solucionesaquí la solución ytambién este

aqui esta mi codigo

<ng-template style="border: 0px ;z-index: 100" #editTemplate>
  <mat-form-field>
                <mat-select multiple placeholder="Multiple Cities" [(ngModel)]="currentCity" name="Paris" ariaLabel="cities[0]">
                  <mat-option *ngFor="let city of cities" [value]="city.value">
                    {{ city.viewValue }}
                  </mat-option>
                </mat-select>
              </mat-form-field>
<ng-template>