How pass objects to function in select? Angular 4

Question

I need to pass object to the function when I change option in select.

<select (change)="addToVisibility('type',$event.target.value)">
     <option *ngFor="let type of selectedTypes" [ngValue]="type">
            {{type.title}}
     </option>
</select>

I try like this, but always in function pass type.title, but i need to pass type. Please help me) P.S. Sorry for my bad English

Answer 1

You can use ngModel with ngModelChange as follows

<select [(ngModel)] ="selectedType" (ngModelChange)="addToVisibility(selectedType,$event.target.value)">
     <option *ngFor="let type of selectedTypes" [ngValue]="type">
            {{type.title}}
     </option>
</select>

Answer 2

<select   [(ngModel)] ="selectedType" (ngModelChange)="onSelectChange($event,selectedType)">
    <option>Slect Light Dimmer</option>
<option  [ngValue]="leddim" *ngFor="let leddim of dimmerlightlist">{{leddim.NODE_NAME}} </option>