Mat-select не показывает значки при выборе одного из вариантов - PullRequest
0 голосов
/ 05 сентября 2018

Я реализую выбранный ввод с параметрами значков, но при выборе одного из параметров значки отображаются в виде текста.

<mat-form-field>
  <mat-select MatInput [(ngModel)]="element.gender" [value]="element.gender">   
    <mat-option value="Male">
        <mat-icon>home</mat-icon> Home
    </mat-option>
    <mat-option value="Female">
        <mat-icon>face</mat-icon> Face
    </mat-option>
  </mat-select>
</mat-form-field>

Я также пытаюсь установить значения параметров как [value]="'Male'", но это не сработало.

Вот вам Stakblitz Редактируемый Stakblitz

1 Ответ

0 голосов
/ 05 сентября 2018

Не существует какого-либо специального метода, предоставленного Angular Team для этого. Вы можете проверить другой вопрос для чего-то подобного здесь.

При этом существует легкий и довольно простой обходной путь, если вы решите использовать Emojis. Вы можете получить Emojis почти на любой циновке в Emojipedia .

<p>
  It must shows the icon near by the selected option, budoesn't!n't !
</p>
<mat-form-field>
    <mat-select MatInput [(ngModel)]="element.gender" [value]="element.gender"> 
        <mat-option [value]="'Male'">
            ? Home
        </mat-option>
        <mat-option value="Female">
            ? Face
        </mat-option>
    </mat-select>
</mat-form-field>

Возможно, вы захотите проверить его поддержку, хотя .

...