(更改)$ event不起作用,可能是语法问题

时间:2019-08-11 13:58:49

标签: angular

我试图捕获select标记中的所有更改,并在选择了选项的情况下激活功能。

html代码:

<select [(ngModel)]="newProcurement.supplierNumber">
  <option (change)="findSupplierByNumber($event)"  *ngFor="let supplier of 
  allSuppliers" value="{{supplier.suplierName}}">{{supplier.suplierName}} 
  </option>

</select>

我正在尝试选择供应商并激活此功能:

 findSupplierByNumber(ev){
 debugger;
 console.log(ev.target.value)
 }

功能由于某种原因未激活,有什么建议吗?

1 个答案:

答案 0 :(得分:0)

尝试将change事件而不是所有select绑定到options。每当用户提交值更改时,change元素上就会触发<select>事件。将代码更改为以下内容:

 <select [(ngModel)]="newProcurement.supplierNumber" (change)="findSupplierByNumber($event)">
      <option *ngFor="let supplier of 
      allSuppliers" value="{{supplier.suplierName}}">{{supplier.suplierName}} 
      </option>
    </select>