Cómo vincular el valor seleccionado a la lista desplegable en Angular 4

Solución:

Puedes hacer algo como esto:

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

Entonces, cada vez que se cambia la opción, el valor se almacena en optionSelected en tus ts,

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

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

(nombre de función fijo en la plantilla y ts para ser el mismo)

---

---

Utiliza Nuestro Buscador