/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

0 vote136 views1 answer
How to set header in angular 8post
Javascript AngularJS
0 vote108 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
4 votes114 views3 answers
In angular how to get router url without query params
Javascript AngularJS
0 vote122 views1 answer
Inject firebase in angularjs
Javascript AngularJS
1 vote115 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
0 vote122 views3 answers
Get local storage data in angular
Javascript AngularJS
0 vote116 views1 answer
@angular/common
Javascript AngularJS
5 votes109 views2 answers
Timeout angularjs
Javascript AngularJS
0 vote66 views4 answers
How to implement read more and readless in angular
Javascript AngularJS
7 votes115 views4 answers
Refresh current component angular
Javascript AngularJS