psykosoldi3r / ngtranslate

Simple multi language in an AngularJS application

ngTranslate

Simple multi language in an AngularJS application

This repo is for distribution on npm only.

Install

You can install this package with npm only.

npm

npm install ng-translate

Then add ngTranslate as a dependency for your app:

angular.module('myApp', ['ngTranslate']);

Initialize ngTranslate on run of application

$translate.Config({
  default :'en_US',
  languages :[
    'nl_NL'
  ]
});

Create folder in the root of your applicatie with name: languages

You will place your language files inside the language folder. File name format as follow: en_US.lang.json. An example file:

{
    "locale": "en_US",
    "name":"EN_LANG",
    "words": {
        "APP_TITLE" : "Example App",
        "SETTINGS":"Settings",
	"EN_LANG": "English",
	"NL_LANG":"Dutch",
	"LANGUAGE":"Language"
    }
}

Using in your application

Change the language in the application

$translate.ChangeLanguage('nl_NL');

Get current language name, name must be exists in the *.lang.json file

$translate.GetCurrentLanguage();

Use translation as filter inside your template

<div id="example">{{ 'APP_TITLE' | translate }}</div>

ngtranslate's Issues

How to use translate in component

Hi,

I want to set value in component level like for html we are using
{{'PROPERTY_NAME' | translate}}

How to achive this in component level??