Angular dynamic component can't use component from different module

Question

This is the scenario (check this Stackblitz):

I have two modules: AppModule and OtherModule.
In AppComponent (from AppModule), I create two dynamic components, using FirstComponent and SecondComponent.
In the FirstComponent template I insert HelloComponent, that belongs to the same module (AppModule), and it works fine.
The problem comes in the SecondComponent, where I insert ThirdComponent, that belongs to OtherModule. I receive the error: 'third' is not a known element.
OtherModule is imported in AppModule.
If I remove <third></third> from second.component.html the app will run, but I need to insert ThirdComponent inside SecondComponent, and SecondComponent is dynamic.

So, how can I use inside a dynamic component a component from a different module?

Angular CLI: 12.0.1

SparrowVic · Accepted Answer · 2022-03-30 20:29:03Z

2

You have to export the components that throw errors. What I mean is that you need to include the third component in the exports array in OtherModule. It should work.

answered Mar 30, 2022 at 20:29

SparrowVic

2112 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Angular dynamic component can't use component from different module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related