首页 > 解决方案 > (change) $event 不起作用,可能是语法问题

问题描述

我正在尝试捕获选择标记中的任何更改并在选择选项时激活功能。

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)
 }

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

标签: angular

解决方案


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>

推荐阅读