javascript - 在Textarea中聚焦时触发事件

Question

我试图在 textarea 焦点消失时触发一个事件。我也尝试过使用（模糊）。当我使用 (focusout) 时，该方法被触发。但是 [(ngModel)]值保存为[object FocusEvent]

这是我的 component.html

div class="form-input">
<textarea class="form-textarea" rows="2"  [(ngModel)]="measurementPoint.Comment"   (focusout)="updateMeasurementPointComment($event, component.Id, measurementPoint.CompartMeasurementPointId)">
</textarea>
</div>

这是我的 component.ts

 updateMeasurementPointComment(comment: string, inspectionDetailId: number, compartMeasurementPointId: number) {
    this._service.updateMeasurementPointComment(inspectionDetailId, compartMeasurementPointId,comment ).subscribe(r => {
      if (r.m_Item1) {
        console.log(comment);
        this._notify.success('Saved', r.m_Item2);
      } else {
        this._notify.alert('Couldn\'t Save', r.m_Item2);
        console.log(r.m_Item2);
      }
    }, err => {
      console.log(err);
      this._notify.alert('Error', 'Unable to update the measurement comment. Please contact support for help. ');
    });
  }

这是输出---------

标签： javascripthtmleventsangular5angular-ngmodel

Answer 1

只需要在这里更改方法.... 将 $EVENT 替换为 [(ngModel)] 值。现在它是完美的工作。谢谢大家。:)

div class="form-input">
<textarea class="form-textarea" rows="2"  [(ngModel)]="measurementPoint.Comment"   (focusout)="updateMeasurementPointComment(measurementPoint.Comment, component.Id, measurementPoint.CompartMeasurementPointId)">
</textarea>
</div>