Translation with javascript

Question

I have a angulerjs / grunt / gettext / node.js application. I have generated pot files but how can I make my program translate automatically? I see you can upload them using pootle, zanata etc. but have not found enough online help with this. Thank you in advance

Answer 1

I don't know Pootle or Zanata. But I'll tell you a way to translate it automatically based on user-agent once you have the translation files on .json format.

You can have a Lang service in angular like this: http://jsfiddle.net/e5nhttcf/

module.factory('Lang',['$q', '$http', function($q){
    var lang = {};

    lang.literals = {};
    lang.current = navigator.language;
    lang.getLiterals = function(){
        var deferred = $q.defer();
        $http.get(location.origin + "/getlang/"+lang.current).success(function(data, status, headers, config){
            if(data){
                lang.literals = data;
                deferred.resolve();
            }           
        });

        return deferred.promise;
    };

    return lang;

}
}]); 

First, you call getLiterals when initialising the application.

Then, you just need to inject the factory in the controller and assign the literals to a local variable. Then in html you have a reference to localized literals:

<div> {{literals.greetings}} </div>

Note: I did not test the code, use only as a reference