how to implement ngx translate in a nested lazy loaded module(App Module->(Module 1->(Module 2)))

Question

I have been trying to implement ngx translation in the nested lazyloaded module, but have not been able to do so. The only issue I'm facing is that the language doesn't change in the nested lazyloaded module whenever I change it through the selector. HttpLoader is working fine, everything else is working fine. The code is an entire project. I wish I could post the code as well. Can someone refer me to helpful material about implementing ngx translation in a nested lazyloaded module

Have a look at the docs, check what you did not add in yet: github.com/ngx-translate/core#lazy-loaded-modules — OctavianM
– OctavianM, Commented Aug 17, 2021 at 7:11
my app is working fine for the lazyloaded module, the issue begins when I further navigate to the child nested module which is mentioned no where in the documentation — Muhammad Umar
– Muhammad Umar, Commented Aug 17, 2021 at 7:49

Amer · Accepted Answer · 2021-09-11 08:44:39Z

1

In your nested lazy-loaded module, import the TranslateModule with the extend option, to allow the module to get the translation from the first lazy-loaded module.

You can do that like the following:

imports: [TranslateModule.forChild({ extend: true })]

answered Sep 11, 2021 at 8:44

Amer

6,7442 gold badges11 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

how to implement ngx translate in a nested lazy loaded module(App Module->(Module 1->(Module 2)))

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