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

Question

是否存在在模型更改后而不是更改之前触发的事件？每次设置复选框时，我都需要检查是否可以启用下一个按钮。因此，我循环浏览列表以检查是否选择了任何对象。然而，这些值是在 ModelChange 事件之后首先绑定的：

<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>

我的js：

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">