# How to specify formControlName on lazy loaded Angular component in Ivy that implements ControlValueAccessor?

My objective is to lazy load a specific component, to increase performance. I have used this guide, and it’s working great for simple use-cases. My issue is that the component in question that I try to lazy load implements ControlValueAccessor, and is therefore consumed with the formControlName property. How do I add this when lazyloading the component?

Cmpt code

@ViewChild('editWysiwigContainer', { read: ViewContainerRef })
async ngAfterViewInit() {
// setTimeout(async () => {
const { EddystoneWysiwigComponent } = await import(
'../../eddystone-wysiwig/eddystone-wysiwig/eddystone-wysiwig.component'
);
const eddystoneWysiwigFactory = this.cfr.resolveComponentFactory(
EddystoneWysiwigComponent
);
const { instance } = this.editWysiwigContainer.createComponent(
eddystoneWysiwigFactory,
null,
this.injector
);
instance.state = 'editOnly';
instance.updateOnBlur = true;
instance.height = 150;
// There is no formControlName here - how do I "fix" this?
this.cdr.markForCheck();
}


view

<div formControlName="comment">
<ng-container #editWysiwigContainer></ng-container>
</div>


Any help is very welcome, would be SUCH a cool feature to obtain with Ivy 💕

Source: Angular Questions