PrimeNG p-cellEditor输入框change事件仅失焦触发，回车无效如何解决？

原来的(change)事件仅在输入框失焦且值发生变化时触发，按下回车键关闭单元格编辑器时并不会触发该事件。要实现两种操作都能触发验证逻辑，可通过以下两种方式处理：

方法一：直接绑定两个事件到同一验证方法 #

修改模板代码，同时绑定(change)和(keyup.enter)事件：

<p-cellEditor>
  <ng-template pTemplate="input">
    <input
      (change)="validateRow(row)"
      (keyup.enter)="validateRow(row)"
      pInputText
      class="p-inputtext"
      type="text"
      [(ngModel)]="row[column.field_name]"
    />
  </ng-template>
</p-cellEditor>

方法二：封装统一处理方法（便于维护） #

先在组件类中定义一个统一的处理函数：

handleRowValidation(row: any): void {
  this.validateRow(row);
}

再在模板中调用这个函数：

<p-cellEditor>
  <ng-template pTemplate="input">
    <input
      (change)="handleRowValidation(row)"
      (keyup.enter)="handleRowValidation(row)"
      pInputText
      class="p-inputtext"
      type="text"
      [(ngModel)]="row[column.field_name]"
    />
  </ng-template>
</p-cellEditor>

特殊情况处理 #

如果遇到回车键触发时ngModel值未及时更新的问题，可以先触发输入框失焦（会同步更新值并触发change事件），再执行验证：

(keyup.enter)="$event.target.blur(); validateRow(row)"

注意：这种方式会让validateRow被调用两次（blur触发一次，手动调用一次），若验证逻辑有副作用，需自行调整避免重复执行。

内容的提问来源于stack exchange，提问作者user19238266