Angular 6: сделать директиву видимой для родителя из ng-содержимого, используя Angular Material

Question

Я пытаюсь создать пользовательские компоненты Angular Material в Angular 6. Я пытался настроить что-то вроде этого:

custom-input.component.html

<custom-input-wrapper>
        <input matInput/>
</custom-input-wrapper>

пользовательский ввод-wrapper.component.html

<mat-form-field class="field-wrapper" #field>
  <ng-content></ng-content>
</mat-form-field>

Очевидно, что возникает ошибка, поскольку MatFormField не имеет видимости внутри <ng-content> для ссылки на любой экземпляр MatInput:

Error: mat-form-field must contain a MatFormFieldControl

Есть ли способсделать содержимое внутри <ng-content> доступным для его родителей?

Спасибо

Answer 1

Кажется, это работает:

https://stackblitz.com/edit/angular-6-make-directive-visible-to-parent-from-ng-content-usin?file=src/app/custom-input-wrapper/custom-input-wrapper.component.ts

получение MatFormFieldControl ContentChild и назначение его свойству MatFormField _control.