Реактивные формы угловых материалов с добавлением внешнего компонента

Question

Я использую компонент подписи под углом, его внешний пакет angular2-signaturepad

Я хочу добавить его в свою FormGroup как обычный FormControl, но не могу сделать это правильно

<mat-form-field *ngSwitchCase="'signature'">
  <signature-pad
    [options]="signaturePadOptions"
    (onEndEvent)="drawComplete($event)">
  </signature-pad>
</mat-form-field>

и я получаю

Ошибка: поле mat-form-field должно содержать MatFormFieldControl.

Итак, я только что добавил ввод

<mat-form-field *ngSwitchCase="'signature'">
  <signature-pad
    [options]="signaturePadOptions"
    (onEndEvent)="drawComplete($event)">
  </signature-pad>
  <input matInput [formControlName]="question.key" [id]="question.key"><!--THIS I ADDED-->
</mat-form-field>

и работает, но я не хочу использовать пустой «ввод», как я могу подключить внешний компонент панели подписи, чтобы он работал с моей FormGroup?