Lazy loading route angular

Question

I've been using Angular for a long time I know how routes work but I wanted to try something new for me using lazy loading, as you can see in my I'm trying to navigate from one point to another but something is wrong or maybe not possible.

thanks.

ts.file

this.router.navigate(['../delta']);

app.routing.module.ts // root file

const routes: Routes = [
 {
  path:delta,
  loadChildren: () => import('./delta/delta.module').then(m => m.DeltaModule.);
 }
]

is it possible to navigate like this?

May only be in the sample code, but you have a quote missing in your import statement. Is that the problem? — Mike Hanson
– Mike Hanson, Commented Aug 9, 2021 at 15:16
I've been using angular for a long time, but never seen the ../ used in routes. I suspect it won't match the delta route you defined. Certainly the structure of the route looks fine to me if it is propertly formed with quotes and the dot at the end of m.DeltaModule is removed. — Mike Hanson
– Mike Hanson, Commented Aug 9, 2021 at 15:21

NeNaD · Accepted Answer · 2021-08-09 15:29:20Z

3

If you want to use that relative syntax, then you should do something like this:

constructor(private route:ActivatedRoute,private router:Router){}

...

this.router.navigate(['../delta'], { relativeTo: this.route });

edited Aug 9, 2021 at 15:29

answered Aug 9, 2021 at 15:22

NeNaD

20.8k11 gold badges64 silver badges118 bronze badges

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

Collectives™ on Stack Overflow

Lazy loading route angular

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