Obtenir la Valeur De l'Option de sélection Angulaire 4
Comment puis-je obtenir la valeur de l'option sélectionner dans Angulaire 4?
Je veux attribuer à une nouvelle variable dans le composant.fichier ts. J'ai essayé cela, mais les sorties de rien.
Pouvez vous aussi le faire à l'aide de [(ngModel)]?
component.html
<form class="form-inline" (ngSubmit)="HelloCorp(f)" #f="ngForm">
<div class="select">
<select class="form-control col-lg-8" #corporation required>
<option *ngFor="let corporation of corporations" [value]="corporationObj">{{corporation.corp_name}}</option>
</select>
<button type="submit" class="btn btn-primary manage">Submit</button>
</div>
</form>
composant.ts
HelloCorp() {
const corporationObj = corporation.value;
}
OriginalL'auteur Joseph | 2017-09-27
Vous devez vous connecter pour publier un commentaire.
Comme un général (voir Stackblitz ici: https://stackblitz.com/edit/angular-gh2rjx):
Dans votre cas particulier, vous pouvez utiliser ngModel comme ceci:
Oui c'est ça. Vous pouvez utiliser ngSubmit pour déclencher un événement, par exemple:
console.log(corporationObj)
, et de voir votre entrée choisie, mais la corporationObj variable va changer immédiatement, pas de soumettre nécessaire.Pouvez-vous voir mes codes. J'ai oublié d'écrire ce {{société.corp_name}}. C'est les valeurs de l'option. Le vôtre est toujours pas défini??
Mon exemple ci-dessus devrait fonctionner pour vous. Si pas, assurez-vous que vous avez importés FormsModule et de l'ajouter à votre importations de la matrice de dans l'app.le module.ts.
OriginalL'auteur mahval
Vous avez juste besoin de mettre
[(ngModel)]
sur votre élément select:OriginalL'auteur Plog
OriginalL'auteur sujithklr93