带有垫子图标的垫子选择触发器未显示在 div 元素中

Question

我试图在我的代码的某些部分使用 mat-trigger 和 mat-icon 并且一切都很好，但是当我尝试在一个 div 元素中使用它时，该元素具有一些用于在 div 中设置内容样式的类，内容没有不再显示。 出于我的目的，我需要将此样式应用于 div。 有什么方法可以再次显示我的 div 内容并保持我的样式？，我是否在这里遗漏了一些阻止我在 div 中显示角度元素的东西？ 这是我的一些代码：

 <div class="select-container">
    <mat-select #matSelect [(value)]="delivery.state">
      <mat-select-trigger class="trigger">
        <!-- {{optionsIconsMap.get(delivery.state)}} -->
        <mat-icon>{{optionsIconsMap.get(delivery.state)}}</mat-icon>
      </mat-select-trigger>
      <mat-option *ngFor="let option of optionsMap | keyvalue" [value]="option.key" class="trigger">
        <mat-icon>{{optionsIconsMap.get(option.key)}}</mat-icon>
        {{ option.value }}
      </mat-option>
    </mat-select>
    <div class="click_listener-container" (click)="singleClick($event);">
    </div>
  </div>

如果我删除代码开头的 div，我可以再次看到 div 中的 mat-icon 或内容。 我添加一个例子