如何将选定的值绑定到Angular 4中的下拉列表

发布时间：2020-12-17 06:56:15 所属栏目：安全来源：网络整理

导读：我有一个下拉列表,其中包含一系列课程..例如,一名学生选择了一门课程并保存了所有详细信息.在编辑时我们如何将选定的课程绑定到Angular 4中请帮助我的人解决方法你可以这样做： select class='select-option' required [(ngModel)]='optionSelected' (ngM

我有一个下拉列表,其中包含一系列课程..例如,一名学生选择了一门课程并保存了所有详细信息.在编辑时我们如何将选定的课程绑定到Angular 4中
请帮助我的人

解决方法

你可以这样做：

<select class='select-option' required [(ngModel)]='optionSelected' (ngModelChange)='onOptionsSelected($event)'>
    <option class='option' *ngFor='let option of options' [value]="option">{{option}}</option>
</select>

因此,每当更改选项时,该值都存储在optionSelected中

在你的js中,

options = [1,2,3];
optionSelected: any;

onOptionSelected(event){
 console.log(event); //option value will be sent as event
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!