Question

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

Answer 1

您可以这样做：

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

因此，无论何时更改选项，该值都会存储在您的ts中的optionSelected

中

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

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

（模板中固定的functionName和ts相同）

Answer 2

(ngModelChange)='onOptionsSelected($event)'

onOptionsSelected($event){
 console.log($event);
}

Answer 3

添加2个ngModel，其中一个用于绑定，另一个用于所选值，对我有用

Answer 4

尝试简单

showEntity(e){
console.log(e)
}

在.ts文件中

{{1}}

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

4 个答案: