How to add languages after i18next init in Angular?

0 down vote favorite I want to use the i18next library to handle my localisations in my Angular 1.5.3 + Ionic project.

In my situation, the translations are per-user and will be provided after the user logs in.

I want to initialize i18next in the app.js file and then add translations in my register controller. It’s not working out for me.

App.js

if (window.i18next) {
    console.log('i18next'); //prints out i18next

    window.i18next.init({
        debug: true,
        lng: 'English', // If not given, i18n will detect the browser language.
        fallbackLng: 'English', // Default is dev
        useCookie: false,
        useLocalStorage: false
    }, function (err, t) {
        console.log('resources loaded'); //prints out resources loaded
    });
}

(function () {

    'use strict';

    angular.module(myApp, [
        'ionic',
        'ngCordova',
        'jm.i18next',
        'ngSanitize'
    ])
})();

Register.controller.js

(function () {
    "use strict";


    angular
        .module(myApp)
        .controller('RegisterController', function ($i18next, $scope) {

            console.log('> > > > > register controller::: ', $i18next);
//prints out: I18nTranslateService {$rootScope: m, options: Object, tOptions: Object, modules: Array(0), translations: Object…}



            $i18next.i18n.addResouceBundle('English', 'translations', {
              HELLO: 'hiya'
            });

//Object {exception: "TypeError: $i18next.i18n.addResouceBundle is not a function", stack: "TypeError: $i18next.i18n.addResouceBundle is not a…t:4400/lib/ionic/js/ionic.bundle.min.js:472:11277", cause: null}

})();

In addition to this, I have also tried to do window.i18next.addResourceBundle as well as $i18next.addResourceBundle and say that it is not a function. In the documentation it says that you can add items after init: https://www.i18next.com/add-or-load-translations.html

I am not sure what I am doing wrong.

[aubrey-fowler]

Thanks for your help it’s working great now.

[jamuhl]

init with resources: {}

i18next.init({
  ...,
  resources: {}
});