/Javascript/AngularJS/Angular select change

Angular select change

Get value onChange from mat-select angular

<mat-select (selectionChange)="doSomething($event)">

Source: stackoverflow.com

Select onchange pass option value in angular 6

<select (change)="onChange($event.target.value)">
    <option *ngFor="let i of devices">{{i}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
}

Source: stackoverflow.com

Onchange event angular select

-------------For Two Way Data Binding-----------------
<select [ngModel]="selectedDevice" (ngModelChange)="onChange($event)" name="deviceText">
    <option [value]="i" *ngFor="let i of devices">{{i}}</option>
</select>

onChange(event){
selectedDevice=event;
  -----
  -----
}

Source: stackoverflow.com

Ngmodel change

<select [ngModel]="selectedItem" (ngModelChange)="onChange($event)">
onChange(newValue) {
    console.log(newValue);
    this.selectedItem = newValue;  // don't forget to update the model here
    // ... do other stuff here ...
}

Angular select change

<select (change)="onChange($event.target.value)">
    <option *ngFor="let i of devices">{{i}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
}

-1

Source: stackoverflow.com

Similar codes

21 votes147 views6 answers
Angular new component
Javascript AngularJS
0 vote149 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
1 vote129 views1 answer
Angular cli don't generate spec
Javascript AngularJS
0 vote153 views1 answer
Angular material nested tree
Javascript AngularJS
3 votes147 views1 answer
Scoll a div to bottom in angular
Javascript AngularJS
0 vote142 views1 answer
Angular attach component to body
Javascript AngularJS
0 vote151 views1 answer
Can we get the value of form control after disabling it angular
Javascript AngularJS
0 vote152 views1 answer
Download xml file asp.net web api and angularjs
Javascript AngularJS
0 vote137 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
1 vote149 views2 answers
Angular disable select dropdown
Javascript AngularJS