I use this angular material select in my Angular 5 application:
<mat-form-field style="width:88%;">
<mat-select placeholder="Contact *" formControlName="contact">
<mat-option *ngFor="let contact of contacts" [value]="contact">
<mat-icon [ngStyle]="{'color': contact.color}">home</mat-icon>{{contact.institution}}
</mat-option>
</mat-select>
</mat-form-field>
On the select panel <mat-icon>
are listed as expected but if I select one option then the home icon does not appear in <mat-form-field>
How could I also view the home icon in <mat-form-field>
once selected?