angular - (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)
}
由于某种原因功能尚未激活,有什么建议吗?
解决方案
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>
推荐阅读
- django - filters.FilterSet 具有不在模型中的自定义字段
- install4j - install4j MSI 安装程序 - 请求权限时的随机名称
- hyperledger-fabric - 错误:[Orderer.js]:sendBroadcast - 错误:“错误:14 UNAVAILABLE:.. Hyperledger Caliper
- angularjs - 赛普拉斯剑道下拉列表
- javascript - 使用 css 显示
- node.js - Node js中路由器下的模拟功能
- mongodb - 在 MongoDB 中,如何增加多个值?
- web-deployment - 尝试连接到 heroku 数据库,甚至使用所有凭据配置 pg_hba.conf 文件但收到此错误
- javascript - ES5 IIFE 与 ES6 块
- reactjs - 使用 i18n 更改语言时使用 react-leaflet 更新 GeoJson 上的工具提示