Dans l ' exemple stackblitz suivant, vous pouvez voir l'espace réservé "Toppings" dessus; lorsqu'un utilisateur sélectionne des éléments dans la liste déroulante, le texte "Toppings" devient plus petit et se déplace au-dessus de la sélection.
Existe-t-il un moyen de supprimer le texte des garnitures ci-dessus ou d'afficher une chaîne vide à la place lorsque l'utilisateur sélectionne quelque chose?
3 Réponses :
Vous pouvez changer votre espace réservé en chaîne vide lorsque vous avez sélectionné une valeur, comme ceci
<mat-select [placeholder]="toppings.value ? '': 'Toppings'" [formControl]="toppings" multiple> ....
Il est recommandé de fournir des explications et une réponse.
essayez ceci:
<mat-form-field [floatLabel]="'never'">
<mat-label>Toppings</mat-label>
<mat-select [formControl]="toppings" multiple>
<mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
</mat-select>
</mat-form-field>
Dans cet exemple, Toppings n'est pas un espace réservé mais une étiquette permettant à l'utilisateur de savoir quel type d'informations est lié à la sélection.
Copie possible de Comment masquer l'espace réservé en cliquant sur le matériau