Я хотел бы получить выбранное значение параметра выбора в Angular 7. Двусторонняя привязка данных с использованием ngModel, и я также импортировал FormsModule в app.module.ts.
Мой HTML-файл:
<select (change) = "selectChangeHandler($event)"
[(ngModel)] = "optSelected">
<option *ngFor = "let opt of options" [value] = "opt.id">
{{opt.title}}
</option>
</select>
Мой ТС-файл:
optSelected = 'aaa';
selectChangeHandler(event: any) {
this.optSelected = event.target.value;
console.info('The selected option is: ' + this.optSelected);
}
Поскольку вы используете ngModel
/двустороннюю привязку данных, вместо использования события change
вы можете просто использовать привязку события ngModelChange
. Согласно документация, это
Event emitter for producing the ngModelChange event after the view model updates.
<select (ngModelChange) = "selectChangeHandler($event)" [(ngModel)] = "optSelected">
<option *ngFor = "let opt of options" [value] = "opt.id">
{{opt.title}}
</option>
</select>
И на вашем component.ts,
selectChangeHandler() {
console.info(this.optSelected);
}
Привет! Дважды проверил это, и это работает просто отлично! Спасибо!
Возможный дубликат для: stackoverflow.com/questions/46447459/…