Как отобразить иконку внутри углового выбора материалаи выбор того же

Question

Как правильно отображать значок внутри выпадающего списка выбора с помощью элемента выбора материала.После выбора опции «Мат» ее выбор текста значка, а также как решить эту проблему?

            <mat-form-field>
                <mat-select formControlName="genderFormControl" placeholder="Gender">
                    <mat-option>None</mat-option>
                    <mat-option *ngFor="let gender of genders" [value]="gender.value">
                            <mat-icon matListIcon>pregnant_woman</mat-icon>
                            {{gender.name}}
                    </mat-option>
                </mat-select>
            </mat-form-field>

---

Answer 1

Вы можете сделать это с помощью опции "mat-select-trigger".

  <mat-select-trigger>
      <mat-icon>pregnant_woman</mat-icon>&nbsp;{{gender.name}}
   </mat-select-trigger>

Дополнительная документация по mat-select-trigger.