angulaire 2 - comment régler & lt; sélectionnez & gt; option sélectionnée par défaut
Mon modèle, c'est comme cela
<select>
<option>AM</option>
<option>PM</option>
</select>
Comment puis-je régler l'option SUIS sélectionné par défaut?
source d'informationauteur angry kiwi
Vous devez vous connecter pour publier un commentaire.
L'ancien pur HTML façon dont fonctionne tout simplement avec Angular2, si vous ne voulez pas faire quelque chose de manière dynamique:
Mais ce qui suit est l'angle de 2 voies qui permet d'attribuer dynamiquement la valeur sélectionnée, ce qui peut être pratique et utilisation: (Vous avez besoin d'importer
FormsModule
)et dans votre classe de composant
Les liens suivants peuvent être utiles:
https://angular.io/api/forms/NgSelectOption
https://angular.io/api/forms/NgModel
Mentionné ci-dessus Angulaire de la méthode 2 est sur la base des modèles de formulaires de méthode. Il y a une autre façon de faire le même, ce qui est formes réactives de l'approche décrite ci-dessous: (Vous avez besoin d'importer
ReactiveFormsModule
)et dans votre classe de composant
Le lien suivant peut être utile:
https://angular.io/api/forms/FormControlDirective
Généralement comme
Soupçon Pour les non-chaîne de valeurs d'usage " [ngValue]="..."
Pour un modèle de moteur formulaire, j'ai fait cela, et a obtenu de sélection par défaut.
et dans le composant.fichier ts,
Sur la charge, nous avons pu obtenir que par défaut est sélectionné.
Devrait fonctionner, essayez cette
Cette méthode est plus benefitial en cas de pendant que vous êtes genrating vos options à l'aide de i de la boucle.e
*ngFor
, vous avez juste à ajouter[selected]
d'attributs et de lier la valeur de votre classePS: cette méthode est efficace dans la statique ainsi que de liaison dynamique.
Mon NgModel a été attribué à un tableau et je ne pourrais pas définir une valeur par défaut pour chaque élément dans le tableau. Par défaut, les valeurs ne sont pas définies de sorte que vous pouvez définir par défaut la valeur d'option.
Je ne sais pas pourquoi tellement longtemps réponses ici.
Réponse Courte :
utilisez [selected]="isSelected" dans votre balise d'option!
Solution :
Source:
https://medium.com/@phismonster/set-default-value-for-select-in-angular-2-27f0da413935
de cette façon: