Angular · Middle · Question 67 of 75

How do you create a component dynamically and set its inputs?

const ref = this.vcr.createComponent(Toast);
ref.setInput('message', 'Saved');

✓Correct answer: Use ViewContainerRef.createComponent and ComponentRef.setInput
2Use document.createElement('app-toast')
3Assign ref.instance.message = ... - the only option

Explanation

setInput works with signal inputs and marks OnPush components for check. NgComponentOutlet covers simple template cases.

Further reading

Angular: Programmatically rendering components ↗

Test yourself

Take the Angular · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.