How to use FormControl with ngComponentOutlet - Angular 5

问题描述 投票:0回答:1

我正在尝试通过 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

谢谢

angular angular-reactive-forms ng-component-outlet
1个回答
0
投票

在 ngComponentOutlet 中添加 formControl 的任何解决方案?

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.