Как использовать 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

Спасибо

0 ответов

Другие вопросы по тегам