Cannot access the nested JSON Object

[powercoder23]

I am facing an issue, when i am using single string value in JSON it works, but when using object instead it doesn't works, below is the code explained.

   translate.setDefaultLang('en');

    translate.setTranslation('en', {
        "helloWorld": {
             "sayHello": "Hello there!"
         },
         "helloWorldSayHello": "Hello there!"
    });

    this.translate.use('en');

    <div>{{ 'helloWorldSayHello' | translate }} world</div> ----------//this does work
    <div>{{ 'helloWorld.sayHello' | translate }} world</div> ----------//this doesn't work

Is their any other way to make it work?

[ocombe]

Not yet, but it's just a matter of improving the parser, I'll put it on my todo list :)

[webprofusion-chrisc]

👍 I'm currently looking to rebuild an existing app in Ionic2/Angular2 - our translations are created using https://webtranslateit.com/en and the resulting json looks like this: https://github.com/openchargemap/ocm-system/blob/master/Localisation/src/OCM_UI_LocalisationResources.it.json

When the translation for the selected language is null, we fallback (currently to the default text in the app). It would also be great to specify a fallback language in config. So if your app is in English but is mostly translated to Japanese then you could fallback to English.

[powercoder23]

Thank you @ocombe ! you are doing a great job 👍

[ocombe]

Both features are available in 1.4.0 !

[WillGeller]

Still having issues with attempting to use a nested json source for translations.
<div>{{ 'helloWorld.sayHello' | translate }}</div>
displays [Object object] rather then the translation value