更改事件的Angular PreventDefault无法正常工作

时间:2018-02-16 09:47:34

标签: angular

对于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;
   }

这不起作用。模型未更新,因为我使用单向绑定,但选择中的选定项目更改,即使我使用preventDefault。

实现这一目标的正确方法是什么?

1 个答案:

答案 0 :(得分:1)

&#39;变更&#39;事件无法取消:https://stackoverflow.com/a/24252333/6848923

如果要阻止选择特定条件,可以在更改事件中重置ngModel中的值。