angular - 如何将所选值绑定(bind)到 Angular 4 中的下拉列表

Question

我有一个包含类(class)列表的下拉列表..例如，一名学生选择了一门类(class)并保存了所有详细信息。在编辑时我们如何将选定的类(class)绑定(bind)到 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一样)