Событие-триггер при отключении фокуса в Textarea

Я пытаюсь вызвать событие, когда фокус 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. ');
    });
  }

Это Out Put ---------

введите здесь описание изображения


javascript events html angular5 angular-ngmodel
person hash    schedule 17.10.2018    source источник
comment
Результат - из-за того, что вы передаете $event в метод, что вы должны получить?   -  person Just code    schedule 17.10.2018
comment
он запускается и получает уведомление об успехе. Но данные не сохранились.   -  person hash    schedule 17.10.2018
comment
Можете ли вы проверить в консоли, какой запрос и данные поступают в api?   -  person Just code    schedule 17.10.2018
comment
Я отправляю идентификатор, текстовое значение и другой идентификатор компонента   -  person hash    schedule 17.10.2018
comment
Спасибо дружище. Я исправил эту проблему. Я просто изменил $ event на значение [ngModel].   -  person hash    schedule 17.10.2018

Ответы (1)


arrow_upward
0
arrow_downward

ПРОСТО НЕОБХОДИМО ИЗМЕНИТЬ МЕТОД ЗДЕСЬ .... ЗАМЕНИТЕ $ 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>
person hash    schedule 17.10.2018