angular_translate 0.7.1

I18n Library for AngularDart

angular-translate.dart

How to Use

Setup Service

var translations = new TranslateConfig('en');
translations.addTranslation('en', {
  'GREETING': 'Hello',
  'GREET_TO': 'Hello, {{name}}',
  'NAMESPACE': {
    'GREETING': 'How are you?'
  }
});
translates.loader = new StaticFileLoader(prefix:'/i18n/lang-', suffix:'.json');

ngBootStrap(
  new Module()
  ..type(TranslateService)
  ..type(TranslateFilter)
  ..type(TranslateDirective)
  ..type(TranslateCloakDirective)
  ..type(TranslateCtrl)
  ..value(TranslateConfig, translations)
);

Controllers

@NgController{ /* ... */ }
class YourController {
  YourController(TranslateService translate) {
    String translated = translate('GREETING');
    String translatedWithVars = translate('GREET_TO', {'name':'Ando'});
    String translatedWithNamespace = translate('NAMESPACE.GREETING');
  }
}

Filters/Directives

<h2>Basic</h2>
<p>{{'GREETING' | translate}}</p>
<p><translate>GREETING</translate></p>
<p translate="GREETING" />

<h2>Variable Replacement</h2>
<p>{{'GREET_TO' | translate: {'name':'Ando'} }}</p>
<p><translate translate-values="{'name':'Ando'}">GREET_TO</translate></p>
<p translate="GREET_TO" translate-values="{'name':'Ando'}" />

<h2>Namespace</h2>
<p>{{'NAMESPACE.GREETING' | translate}}</p>
<p><translate>NAMESPACE.GREETING</translate></p>
<p translate="NAMESPACE.GREETING" />

Reference

• angular-translate