格式化<mat-select>角度材质中下拉列表的默认行为-Java 学习之路

我正在使用角度材质选择功能来创建使用和的多选下拉菜单 . 内置代码打开选择框顶部的下拉框 . 我的实现要求用户在选择框时应该能够看到框中的值（框应该在显示框正下方打开） . 我尝试在.mat-select-panel类中覆盖“transform-origin”和“transform”属性，但不知何故这些更改没有被应用 . 可以帮助我如何调整这个属性 .

代码：'

<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>

1 回答

您可以使用变通方法来实现您的目标：在 <mat-select> 中声明 <mat-optgroup> 并将标签作为标签传递给您的选择框 . 这样，一旦下拉框打开，它将有一个 Headers Headers ，将显示选择 Headers .

<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>

工作实例here

回复于 2024-04-26T10:29:41+08:00

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

1 回答

相关问题