如何在select中传递对象? Angular 4

时间:2017-12-01 09:03:23

标签: angular

当我在select中更改选项时,我需要将对象传递给该函数。

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

我尝试这样,但总是在函数传递type.title,但我需要传递类型。 请帮我) 附:抱歉我的英文不好

2 个答案:

答案 0 :(得分:1)

您可以将ngModel与ngModelChange一起使用,如下所示

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

答案 1 :(得分:0)

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