How to bind selected value to dropdown list in Angular 4

Question

I have a Dropdown list with a list of courses ..for example, one student selected one course and saved all the details. At the time of edit how we can bind selected course to drop down in Angular 4 anyone help me, please.

Answer 1

(ngModelChange)='onOptionsSelected($event)'

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

Answer 2

You can do something like this :

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

So whenever option is changed , the value is stored in optionSelected in your ts,

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

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

(fixed functionName in template and the ts to be the same)