Я добавляю дочерний компонент динамически с помощью ComponentFactoryResolver и могу использовать ngModel в дочернем компоненте, но он работает как односторонняя привязка данных, а не как двусторонняя.
Я попытался добавить тег дочернего компонента, и он работает, но в моем случае я не могу это добавить. Так что нужно решение с ComponentFactoryResolver. Пожалуйста, проверьте ниже стекаблитц для лучшего понимания. мне нужно, чтобы родительский компонент vlue обновлялся при изменении значения второго текстового поля.
Пример Stackblitz .
const factory = this.componentFactoryResolver.resolveComponentFactory(AppChildComponent);
const component = factory.create(this.ViewContainerRef.parentInjector);
component.instance['childData']=this.parentData;
this.ViewContainerRef.insert(component.hostView);