J'ai un tapis-sélection et je souhaite désactiver les options une fois que je les ai sélectionnées. Par exemple: Si je sélectionne du temps, l'heure doit être désactivée dans le prochain sélect. J'ai créé un Stackblitz https://stackblitz.com /edit/angular-anus7w?file=app%2fselect-overViewView-example.ts de mes besoins.current uniquement la clé est désactivée. Toutefois, dans mon cas, les données déroulantes seront générées de manière dynamique et je ne peux pas enregistrer de manière difficile les valeurs qui doivent être désactivées.
Donc, ce que je veux, c'est que si je sélectionne une valeur purticulaire dans le matelote 1 Select 1, cette valeur doit être désactivée dans la touche MAT-SELECT 2. De même, la valeur que j'ai sélectionnée
3 Réponses :
Vous avez d'abord lier dans dans le fichier html de modèle [(ngmodel)] = "FirstOption" dans le formulaire et effectuez ultérieurement la validation. Aucun changement d'événement n'est requis ici composant fichier:
Veuillez vérifier ma solution HTTPS: / /Stackblitz.com/edit/angular-anus7w-9ovxqd?file=app%2FSelect-overView-example.ts
J'ai utilisé des biens observables et une propriété pour stocker toutes les valeurs choisies
Idées principales:
Types $ | ASYNC
- Toutes la logique de composant que j'ai décrit dans Commentaires
<mat-form-field>
<mat-select [(value)]="selected" [placeholder]="!selected ? 'Your custom placeholder' : ''">
<mat-option value="1">Option 1</mat-option>
<mat-option value="2">Option 2</mat-option>
<mat-option value="3">Option 3</mat-option>
<mat-option value="4">Option 4</mat-option>
<mat-option value="5">Option 5</mat-option>
</mat-select>
</mat-form-field>
Bonjour @Alexis Rouan, bienvenue à Stackoverflow! Vous répondez à une question qui a plus de 1 an. S'il vous plaît essayez de répondre à de nouvelles questions, c'est plus utile. Et ne pas simplement ajouter un bloc de code. Expliquez votre réponse, le Créateur est donc capable d'apprendre de votre part.