Angular lazy loading module with NGXS sub state

Question

I have a question regarding lazy loading angular feature modules which are also sub states of NGXS state.

For example, I have one parent module and two children modules. I want to lazy load those two children modules. My NGXS store looks like the following:

{
  parent: {
    children1: {
      ...
    },
    children2: {
      ...
    }
  }
}

Since my parent module's state has the following code, sub-level feature module lazy loading is not working with the error saying child state not found. I am not importing two children modules for lazy-loading.

@State<ParentModel>({
  ...
  children: [Child1State, Child2State]
})

Does anyone know how to deal with this situation?

JCherryhomes · Accepted Answer · 2019-05-14 20:00:09Z

0

I don't believe you can assign states from a lazy loaded modules directly as children of another module. Those states won't exist until the module those states reside in loads, leading to the error you are getting.

You should be able to create feature state in the lazy loaded module that extends the parent state. That should add the newly loaded states to the existing state model.

See: https://ngxs.gitbook.io/ngxs/advanced/lazy

answered May 14, 2019 at 20:00

JCherryhomes

4264 silver badges12 bronze badges

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

Comments

Ben Racicot · Accepted Answer · 2023-11-07 19:12:24Z

0

For standalone setups here is what you'll need to do. Please comment any recommendations.

export default [
  {
    path: '',
    component: ParentComponent,
    providers: [importProvidersFrom(NgxsModule.forFeature([ParentState, ChildState]))],
    children: [
      { path: '', redirectTo: 'something', pathMatch: 'full' },
      { path: 'something', component: SomeComponent },
    ...

answered Nov 7, 2023 at 19:12

Ben Racicot

6,03816 gold badges82 silver badges139 bronze badges

Collectives™ on Stack Overflow

Angular lazy loading module with NGXS sub state

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related