one-translate v1.0.1

BriskTranslate

A internationalization (i18n) library for Angular.

Get Started

npm install one-translate --save

Import

import { OneTranslateModule } from 'one-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 'one-translate';

@Component({
  selector: 'lab-basic-translate',
  template: `<button (click)="use('EN')">EN</button>
            <button (click)="use('ZH')">ZH</button>
            <p>{{text | translate: 'basic'}}</p>
            <p>{{'hello' | translate: 'basic'}}</p>
            <p>-------OTHER------</p>
            <p>{{'hello' | translate: 'other'}}</p>
            <p>-------JSON------</p>
            <p>{{json | translate: 'basic'}}</p>
            <p>-------Directive------</p>
            <p translate="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);
  }
}