npm install @ngx-translate/core --save
npm install ng2-translate --save
3.添加語言包
在src/assets 下新建文件夾i18n，在i18n文件夾下添加 en.json ,tw.json,zh.json 這三個(gè)json文件。
并添加內(nèi)容（只寫了 zh 作為例子）：
zh.json{?
? "HOME": {
? "TITLE":"首頁",
? "CONTENT":"你好，世界！"
? }
}
工程配置：
3.用法
打開文件app.component.ts，添加代碼
translate.setDefaultLang('en'); // 設(shè)置默認(rèn)的語言包
并導(dǎo)入
import { TranslateService } from 'ng2-translate';
home.html中使用：?
home.ts 中使用：?
import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import { TranslateService } from 'ng2-translate';
@Component({
? selector: 'page-home',
? templateUrl: 'home.html'
})
export class HomePage {
? RadioOpen: boolean;
? RadioResult;
? langs: [{}];
? constructor(public navCtrl: NavController, public alerCtrl: AlertController, public translate: TranslateService) {
? }
? ChangeLanguage() {
? ? this.langs = [{ language: "English", type: "en" }, { language: "簡體中文", type: "zh" }, { language: "繁體中文", type: "tw" }]
? ? let alert = this.alerCtrl.create();
? ? alert.setTitle('語言選擇');
? ? for (let lang of this.langs) {
? ? ? alert.addInput({
? ? ? ? type: 'radio',
? ? ? ? label: lang["language"],
? ? ? ? value: lang["type"],
? ? ? ? checked: (lang["type"] == this.translate.getDefaultLang() ? true : false)
? ? ? });
? ? }
? ? alert.addButton('取消');
? ? alert.addButton({
? ? ? text: '確認(rèn)',
? ? ? handler: data => {
? ? ? ? this.RadioOpen = false;
? ? ? ? this.RadioResult = data;
? ? ? ? this.translate.setDefaultLang(data);
? ? ? ? this.translate.use(data);
? ? ? }
? ? });
? ? alert.present().then(() => {
? ? ? this.RadioOpen = true;
? ? });
? }
}
項(xiàng)目用到 簡單的demo，如果有錯(cuò)誤請您提示。
