Angular-localization NPM

Angular-localization

Angular localization library. Makes it easy to manage languages for your website.

Installation

Using npm

$ npm install angular-localization

Usage

Live Example

Inject the library

angular
  .module('yourApp', [
    'i18n'
  ])

Configurate the library

angular
  .module('yourApp')
  .config(['$i18nProvider', function($i18nProvider) {
    
    // assuming assets/locals/en.json exists
    
    $i18nProvider.config({
      language: 'en', // default language
      path: 'path/to/your/files', // for example: assets/locals
      type: 'json', // type of your translations files
    });
    
  }])

Example translation file assets/locals/en.json

{
  "name": "english",
  "translations": {
    "foo": "bar",
    "baz": "qux"
  }
}

Using the directive

<span i18n="foo"></span>

Using the provider inside a controller

angular
  .module('yourApp')
  .controller('yourController', ['$i18n', function($i18n) {
    var vm = this;
    
    vm.foo = $i18n('bar');
  }])

and then just

<body ng-app="yourApp">
  <div ng-controller="yourController as ctrl">
    <span>{{ctrl.foo}}</span>
  </div>
</body>

Changing language

angular
  .module('yourApp')
  .controller('yourController', ['$i18n', function($i18n) {
    $i18n.set('el');
  }])

Documentation

(work in progress)

localization angular library translation i18n

@infinitebrahmanuniverse/nolb-angular-l @everything-registry/sub-chunk-1134 @zalastax/nolb-angular-l

8 years ago

8 years ago

8 years ago

9 years ago