Как использовать FormControl с ngComponentOutlet - Angular 5
Я пытаюсь использовать динамическую загрузку компонентов с formControl, но это не влияет на мою группу formGroup.
Перепробовал эти варианты:
Шаблон:
вариант 1 - не работает:
<div [formGroup]="form">
<ng-container *ngComponentOutlet="getComponent()" [formControlName]="getFormControlName()"></ng-container>
</div>
вариант 2 - не работает:
<div [formGroup]="form">
<ng-container *ngComponentOutlet="getComponent()" [formControl]="getFormControl()"></ng-container>
</div>
вариант 3 - рабочий:
<div [formGroup]="form">
<my-dynamic-component [formControl]="dynamicFormControl"></my-dynamic-component>
</div>
Компонент функции:
getComponent: вернуть динамический компонент (который поддерживает использование реактивную форму)
getFormControlName: вернуть имя formControl. возвращаемая строка
getFormControl: вернуть объект formControl. FormControl
Кто-то знает, что я должен делать? это возможно?
Проверьте этот пример: https://stackblitz.com/edit/angular-n8sdrm?embed=1&file=app/app.component.html
Спасибо