В чем причина «ОШИБКА TypeError: this.onChange не является функцией»?

Question

Мой код здесь .

Не могли бы вы сказать мне, что браузер возвращает следующее сообщение об ошибке:

ERROR TypeError: this.onChange is not a function
at RichTextEditorComponent.forwardEvent (rich-text-editor.component.ts:39)
at Object.eval [as handleEvent] (RichTextEditorComponent.html:6)

Я пытался напечатать "this" объект на консоль, он возвращает только объект "RichTextEditorComponent".

Answer 1

В вашем RichTextEditorComponent есть проблема, когда вы объявляете onChange и onTouched типа function, не назначая им действительную функцию.

onChange: (value:any) => {};
onTouched: () => {};

Это должно быть переписано как следует (используя =)

onChange = (value:any) => {};
onTouched = () => {};

Answer 2

Хотя тип onChange является функцией, на самом деле я ничего не вижу, чтобы установить значение, но оно не определено (следовательно, не является функцией).

In rich-text-editor.component.ts:

onChange: (value:any) => {};

// and

registerOnChange(fn: any) {
  this.onChange = fn;
}

Ничто не вызывает registerOnChange для установки значения onChange.