Adding Input values in Dynamically Added Components

Question

I use this method to Dynamically add a Component in RC5:

@ViewChild('wrapper', {read: ViewContainerRef}) wrapperRef: ViewContainerRef;

constructor(
    private _comp: Compiler
) {}

ngOnInit() {
    this._comp.compileComponentAsync(this.childComp).then(a => {
        this.wrapperRef.createComponent(a, 0);
    });
}

But i'm not sure how to add input values to the created component.

Günter Zöchbauer · Accepted Answer · 2016-08-26 06:29:02Z

1

var cmpRef = this.wrapperRef.createComponent(a, 0);
cmpRef.instance.someInput = someValue;
cmpRef.instance.someOutput.subscribe(val => this.value = val);

answered Aug 26, 2016 at 6:29

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Filip Lauc Over a year ago

Thank you for the quick answer :)

Collectives™ on Stack Overflow

Adding Input values in Dynamically Added Components

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related