在mat-select中不显示选定的值,可以通过以下几种方式实现:
<mat-form-field>
<mat-select placeholder="请选择">
<mat-option value="option1">选项1</mat-option>
<mat-option value="option2">选项2</mat-option>
<mat-option value="option3">选项3</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select [displayWith]="displayFn">
<mat-option value="option1">选项1</mat-option>
<mat-option value="option2">选项2</mat-option>
<mat-option value="option3">选项3</mat-option>
</mat-select>
</mat-form-field>
displayFn(value: string): string {
// 返回空字符串来隐藏选定的值
return '';
}
<mat-form-field>
<mat-select>
<mat-option value="option1">选项1</mat-option>
<mat-option value="option2">选项2</mat-option>
<mat-option value="option3">选项3</mat-option>
</mat-select>
</mat-form-field>
.mat-select-value {
display: none;
}
以上是三种常见的实现方式,根据具体需求选择适合的方式来隐藏mat-select中选定的值。
领取专属 10元无门槛券
手把手带您无忧上云