angular - ngModelChange 在模型实际更改之前触发

Question

是否有一个事件在模型更改之后触发，而不是在更改之前触发？每次设置复选框时，我都需要检查是否可以启用下一步按钮。所以我循环遍历我的列表以检查任何被选中的对象。然而，这些值首先在 ModelChange 事件之后绑定(bind):

<tr *ngFor="let social of socialMediaList">
   <td>{{social.name}}</td>
   <td>
      <input type="checkbox" (ngModelChange)="onSocialMediaChange($event)" type="checkbox" name="options"
                [(ngModel)]="social.selected">
   </td>
</tr>

我的代码:

onSocialMediaChange($event) {
    this.ageRangeList = null;
    this.canContinueFromSocialNetwork = this.socialMediaList.filter((item) => item.selected === true).length>0;
  }

Answer 1

确保 ngModelChange 属性在 ngModel 属性之后。

<input
  type="checkbox"
  [(ngModel)]="social.selected" // 1st place
  (ngModelChange)="onSocialMediaChange($event)" // 2nd place
  name="options">