Angular中动态生成的零部件的模型值

时间:2018-09-28 18:09:28

标签: angular angular-components angular-dynamic-components

我创建了一个自定义输入组件,并ngModel用于检测到我在自定义输入组件中实现了ControlValueAccessor

这是我的自定义组件HTML

<input type="text" [(ngModel)]="value" (ngModelChange)="onChangeCallback($event)" />

现在我需要动态生成我的自定义输入组件,该组件可以由ComponentFactoryResolver<ng-template>成功实现

问题是,当我像这样将自定义输入组件添加到HTML中时

<app-input [(ngModel)]="model"></app-input>

它可以检测到模型更改,并且我在model中有输入值,但是当我动态生成此自定义输入组件时,我无法检测到模型更改

这是我用于动态生成组件的代码

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.input);
const component = this.container.createComponent(componentFactory);

生成动态分量以检测输入元素中的值变化后该怎么办?谢谢

0 个答案:

没有答案