Angular 7 - Динамические формы и прохождение функции через

Question

Используя динамические формы Angular, я создаю новое поле ввода

form.ts

 usernameCallback(body) {
    console.log(`hello ${body}`);
    this.usernameService.post(body)
       .subscribe(
         data => {
           console.log(data);
         },
         error => {
           console.warn(`Error: ${error}`);
         }
       );
  }

ngOnInit() {

      new InputField({
        key: 'username',
        label: 'Username',
        value: '',
        placeholder: 'Enter username',
        required: true,
        callback: this.usernameCallback
      }),

}

Так что это основы кода.

У меня внутри UsernameService есть метод post(), который отправляет запрос HTTP post.

usernameCallback() добавляется к InputField и имеет тип Function.

Внутри input.component.ts , где создается форма, я делаю

  callback() {
    console.log(this.field.callback);
    this.field.callback('cheddar');
  }

В журнале консоли выводится содержимое из usernameCallback, что нормально, но я получаю ошибку

ОШИБКА TypeError: Невозможно прочитать свойство 'post' из неопределенного

Похоже, что он не может обработать usernameService, но я не могу понять, почему.