设置角度材质中下拉列表的默认行为的格式<mat-select>

Question

我正在使用Angular-Meterial Select功能来创建一个多选择的下拉列表。内置代码在选择框顶部打开Drop-Box。我的实现要求用户在选择框时能够在框中看到值(该框应在显示框下方打开(。我尝试了过度骑行的"变换原孔"one_answers"变换"属性.mat选择式面板类，但以某种方式没有应用更改。可以帮助我调整此属性。

代码：'

<div>
 <mat-form-field panelClass="dropdown-border">
 <mat-select  [formControl]="selectValues" [multiple]="!multiSelectOptio disableRipple>
  <mat-option *ngFor="let option of comboBoxData.data " [value]="option">{{option}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>

Answer 1

您可以使用解决方法来实现您想要的东西：在您的<mat-select>内声明<mat-optgroup>并将其作为标记选择框的标题。这样，一旦Drop-Box打开，它将具有一个标题标题，该标题将显示SELECT标题。

<div>
 <mat-form-field panelClass="dropdown-border">
   <mat-select  [formControl]="selectValues" [multiple]="!multiSelectOptio disableRipple>
     <mat-optgroup label="Something"></mat-optgroup>
     <mat-option *ngFor="let option of comboBoxData.data " [value]="option">{{option}}
     </mat-option>
   </mat-select>
 </mat-form-field>
</div>

在这里工作示例