1.0.10 • Published 3 years ago
brisk-translate v1.0.10
BriskTranslate
A internationalization (i18n) library for Angular.
Get Started
npm install brisk-translate --save
Import
import { BrTranslateModule } from 'brisk-translate';
Examples
Prepare translation files(JSON format)
assets/i18n/basic_en.json
{
"hello": "Hello"
}
assets/i18n/basic_zh.json
{
"hello": "你好"
}
assets/i18n/other_en.json
{
"hello": "other-Hello"
}
assets/i18n/other_zh.json
{
"hello": "other-你好"
}
Code
import { Component, OnInit } from '@angular/core';
import { TranslateService } from 'brisk-translate';
@Component({
selector: 'lab-basic-translate',
template: `<button (click)="use('EN')">EN</button>
<button (click)="use('ZH')">ZH</button>
<p>{{text | brTranslate: 'basic'}}</p>
<p>{{'hello' | brTranslate: 'basic'}}</p>
<p>-------OTHER------</p>
<p>{{'hello' | brTranslate: 'other'}}</p>
<p>-------JSON------</p>
<p>{{json | brTranslate: 'basic'}}</p>
<p>-------Directive------</p>
<p brTranslate="basic">hello</p>`
})
export class BasicTranslateComponent implements OnInit {
text: string;
json: string;
constructor(private translate: TranslateService) { }
ngOnInit(): void {
this.text = 'hello';
this.json = '{"en":"Hello","zh":"你好"}';
this.translate.addTranslation('basic','assets/i18n/basic');
this.translate.addTranslation('other','assets/i18n/other');
}
use(lang: string) {
this.translate.use(lang);
}
}