嗨，我有一个 angular 5 应用程序。我的组件模板 html 文件中有一个选择框，组件类中有一个方法，当我从下拉框中选择一个项目时将调用该方法。但是它不起作用。请找到下面的代码
<select formControlName="inventory" [compareWith]="compareInventory" change="inventoryChanged($event.target.value);">
<option value="" disabled>{{ 'PLACEHOLDERS.SELECT_INVENTORY' | translate }}</option>
<option *ngFor="let inventory of inventories" [ngValue]="inventory">{{ inventory.label }}</option>
</select>
在组件 ts 文件中
inventoryChanged(inventorySelected){
console.log("inventory changed");
}
我期待此inventoryChanged 调用并将其登录到控制台。但是我看不到任何东西都记录在他的开发者工具中。感谢任何帮助
你得到了圆括号。所以你的绑定没有按预期工作
<select formControlName="inventory" [compareWith]="compareInventory" (change)="inventoryChanged($event.target.value);">
<option value="" disabled>{{ 'PLACEHOLDERS.SELECT_INVENTORY' | translate }}</option>
<option *ngFor="let inventory of inventories" [ngValue]="inventory">{{ inventory.label }}</option>
</select>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句