Translation inside feature modules about angular-l10n HOT 6 CLOSED

Sorry, but I don't understand what you are trying to do. However: for the first option, in the AppModule you have to use:

  imports: [ 
    LocaleModule.forRoot(), // New instance of LocaleService.
    LocalizationModule.forRoot(), // New instance of LocalizationService.
    ....
  ],

so you create the new instances of the services.

In all the other sub-modules, you have to use:

    imports: [
        ...
        LocaleModule, // LocaleService is singleton.
        LocalizationModule // LocalizationService is singleton.
    ]

and remove from the providers:

    LocaleService,
    LocalizationService

otherwise you create other instances.

from angular-l10n.

You'll never know until you try... :)

from angular-l10n.

@Shiroh1ge I'm closing this issue. If you need, open a new issue. Greetings

from angular-l10n.

If you are using lazy loaded modules with the router, there are two scenarios:

1. You want to use the same translation files for the whole application.

You must not call the forChild method, because it creates a new instance of the service. So you have to use:

    imports: [
        ...
        LocaleModule, // LocaleService is singleton.
        LocalizationModule // LocalizationService is singleton.
    ]

2. You want to use different translation files for each module.

You must call the forChild method:

    imports: [
        ...
        LocaleModule, // LocaleService is singleton.
        LocalizationModule.forChild() // New instance of LocalizationService.
    ]

But you have to reinitialize LocalizationService with new providers, as explained here: https://github.com/robisim74/angular2localization/blob/master/doc/spec.md#5
Also the List module/component of the sample app is built in this way: https://github.com/robisim74/angular2localization/tree/gh-pages

from angular-l10n.

Thanks for the quick response. I have been trying to do the first option you mentionted and I don't seem to get it to work. I have moved the modules to my CoreModule and have created a HomeModule for my HomeComponent. This should allow it to use any services from the CoreModule, right? This is my CoreModule:

imports...

@NgModule({
  imports: [  
    SharedModule,
    RouterModule,
    LocaleModule, //  LocaleService is singleton.
    LocalizationModule, // LocalizationService is singleton.
  ],
  declarations: [],  
  exports: [],   
  providers: [
    UserService,
    LocaleService,
    LocalizationService
  ]
})

export class CoreModule {}

My AppComponent is the same. So, shouldn't LocaleService and LocalizationService be available everywhere? Right now, my Home page is not getting translated, unless I import the LocaleModule and LocalizationModule inside the HomeModule. Is this how it works and must I import these modules in every feature module or am I doing something wrong elsewhere?

from angular-l10n.

Sorry, but I don't understand what you are trying to do.

Neither do I, lol! Anyway, I've been doing it wrong, thanks for your help, everything is clear to me now and it works. I just couldn't comprehend how it all works I guess. Thanks a lot for the help!

from angular-l10n.