Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/technohippy/angular-translate.dart

I18N Library for AngularDart
https://github.com/technohippy/angular-translate.dart

Last synced: 4 months ago
JSON representation

I18N Library for AngularDart

Awesome Lists containing this project

README

        

angular-translate.dart
======================

How to Use
----------

### Setup Service

```dart
var translations = new TranslateConfig('en');
translations.addTranslation('en', {
'GREETING': 'Hello',
'GREET_TO': 'Hello, {{name}}',
'NAMESPACE': {
'GREETING': 'How are you?'
}
});
translations.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

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

### Filters/Directives

```html

Basic


{{'GREETING' | translate}}


GREETING


Variable Replacement


{{'GREET_TO' | translate: {'name':'Ando'} }}


GREET_TO


Namespace


{{'NAMESPACE.GREETING' | translate}}


NAMESPACE.GREETING



```

Reference
---------

- [angular-translate](http://pascalprecht.github.io/angular-translate/)