Load module components dynamically Angular2

Question

Basically there is a module.ts in every created module of the app for example:

ng generate module newModuleName

then the module is created with the newModuleName.module.ts file

In the file, there is @NgModule with a declarations element.

So I want to dynamically modify the declarations array to prevent all components from being loaded in memory at the same time.

How can I do that?

What exactly do you mean by "being loaded in memory at the same time" — a better oliver
– a better oliver, Commented Feb 19, 2019 at 20:15

DeborahK · Accepted Answer · 2019-02-19 17:27:33Z

2

If your goal is to prevent all of the components from being downloaded at one time on startup, you can use lazy loading.

Regarding memory, when a component is activated by routing to it or showing it as a child component, it is loaded in memory. As soon as the user navigates away from the page showing the component, the component is destroyed.

So you don't have to do anything in the declarations to make this happen.

answered Feb 19, 2019 at 17:27

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges

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

Collectives™ on Stack Overflow

Load module components dynamically Angular2

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