面板打开时在 mat 选项中显示额外的值

【问题标题】：Show extra values in mat option when panel is open面板打开时在 mat 选项中显示额外的值
【发布时间】：2021-08-12 07:34:38
【问题描述】：

<mat-select >
  <mat-option *ngFor="let i of List" [value]="i.value">
    {{i.viewValue}}<span *ngIf="panelOpen">{{i.viewValue2}}</span>
  </mat-option>
</mat-select>

我想在 mat 选项行中显示附加值并在选择后隐藏该附加值。有没有可能使用 panelOpen，提前谢谢。

【问题讨论】：

标签： select angular-material options

【解决方案1】：

如果您使用# 表示法将mat-select 声明为变量，则可以将ngIf 更改为mySelect.panelOpen，其中mySelect 是您提供给mat-select 的ID：

<mat-select #mySelect>
  <mat-option *ngFor="let i of List" [value]="i.value">
    {{i.viewValue}}
    <span *ngIf="mySelect.panelOpen">{{i.viewValue2}}</span>
  </mat-option>
</mat-select>

这里是a StackBlitz。

【讨论】：