3

我正在尝试通过 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:返回动态组件(支持使用reactiveForm)

getFormControlName:返回表单控件名称。返回字符串

getFormControl:返回formControl对象。表单控件

有人知道我应该怎么做吗?这个有可能?

查看该示例: https ://stackblitz.com/edit/angular-n8sdrm?embed=1&file=app/app.component.html

谢谢

4

0 回答 0