更改事件的 Angular PreventDefault 不起作用

Question

对于 select 元素，我试图防止值根据某些条件发生变化:

<select [ngModel]="selectedPriority" (change)="onPriorityChanged($event)">
  <option *ngFor="let priority of priorities" [ngValue]="priority">{{priority.label}}</option>
</select> 

onPriorityChanged(event) {
  event.preventDefault();
  return false;
}

这是行不通的。模型未更新，因为我使用单向绑定(bind)，但选择中的所选项目发生变化，即使我使用 preventDefault。

实现此目标的正确方法是什么？

Answer 1

“更改”事件不可取消:引用(https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event 和https://stackoverflow.com/a/24252333/6848923)

如果您想阻止针对特定条件的选择，您可以在更改事件时重置 ngModel 中的值。