mat select text template
<mat-form-field> <mat-select placeholder="Toppings" [formControl]="toppings" multiple> <mat-select-trigger> <span class="custom" *ngFor="let top of toppings.value"> {{top}} </span> </mat-select-trigger> <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option> </mat-select> </mat-form-field>