資訊專欄INFORMATION COLUMN
//index.config.js
angular
.module("app")
.config(config);
/** @ngInject */
function config($logProvider, $translateProvider, $translatePartialLoaderProvider) {
// Enable log
$logProvider.debugEnabled(true);
$translatePartialLoaderProvider.addPart("home");
$translateProvider.useLoader("$translatePartialLoader", {
urlTemplate: "app/i18n/{part}/{lang}.json"
});
$translateProvider.preferredLanguage("zh_cn").fallbackLanguage("en");
$translateProvider.useMissingTranslationHandlerLog();
$translateProvider.registerAvailableLanguageKeys(["zh_cn", "en", "zh_hant"], {
"en_*": "en",
"zh_tw": "zh_hant",
"zh_hk": "zh_hant"
});
$translateProvider.useSanitizeValueStrategy("escaped");
$translateProvider.useCookieStorage();
}
// i18n/home/en.json
{
"TITLE": "home",
"DESCRIPTION": "This is home page",
"ITEM1": {
"TITLE": "item1",
"INFO": "this is item1"
},
"ITEM2": {
"TITLE": "item2",
"INFO": "this is item2"
}
}
// i18n/home/zh_cn.json
{
"TITLE": "首頁(yè)",
"DESCRIPTION": "這是首頁(yè)",
"ITEM1": {
"TITLE": "項(xiàng)目一",
"INFO": "這是項(xiàng)目一"
},
"ITEM2": {
"TITLE": "項(xiàng)目二",
"INFO": "這是項(xiàng)目二"
}
}
// home.controller.js
/** @ngInject */
function HomeController(homeData) {
var vm = this;
vm.items= [
{
title: "ITEM1.TITLE",
info: "ITEM1.INFO"
},
{
title: "ITEM2.TITLE",
info: "ITEM2.INFO"
}
];
}
// home.html
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/78370.html
摘要：按照官網(wǎng)的說法，在中添加模塊后必須刷新國(guó)際化數(shù)據(jù)，因此官方建議通過直接調(diào)用，或者監(jiān)聽所觸發(fā)的事件并調(diào)用這兩種方式來刷新數(shù)據(jù)。然而按照官網(wǎng)的寫法這兩者都是無效的。解決方式問題找到了，解決起來也簡(jiǎn)單，在初始化完畢后強(qiáng)制刷新一次即可，代碼如下 前言 $translatePartialLoader(以下簡(jiǎn)寫為TPL)是angular-translate中的局部加載器，由于該加載器可以以模塊為單...
摘要：前端通用國(guó)際化解決方案背景前端技術(shù)日新月異，技術(shù)棧繁多。接下來針對(duì)這幾塊內(nèi)容并結(jié)合日常的開發(fā)流程說明國(guó)際化的通用解決方案。 文章首發(fā)于個(gè)人blog，歡迎大家關(guān)注。 DI18n 前端通用國(guó)際化解決方案 背景 前端技術(shù)日新月異，技術(shù)棧繁多。以前端框架來說有React, Vue, Angular等等，再配以webpack, gulp, Browserify, fis等等構(gòu)建工具去滿足日常的開...
摘要：關(guān)于的，網(wǎng)上的資料也不多，剛好項(xiàng)目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。 關(guān)于angular2的i18n，網(wǎng)上的資料也不多，剛好項(xiàng)目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。廢話不多說！直接上代碼： 首先我們肯定要新建一個(gè)文件，叫aaa（網(wǎng)上angular-cli教程很多），cmd打開命令進(jìn)入到隨便一個(gè)目錄底下： ng new a...
摘要：關(guān)于的，網(wǎng)上的資料也不多，剛好項(xiàng)目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。 關(guān)于angular2的i18n，網(wǎng)上的資料也不多，剛好項(xiàng)目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。廢話不多說！直接上代碼： 首先我們肯定要新建一個(gè)文件，叫aaa（網(wǎng)上angular-cli教程很多），cmd打開命令進(jìn)入到隨便一個(gè)目錄底下： ng new a...
閱讀 2827·2021-11-19 11:30
閱讀 3102·2021-11-15 11:39
閱讀 1865·2021-08-03 14:03
閱讀 2043·2019-08-30 14:18
閱讀 2094·2019-08-30 11:16
閱讀 2251·2019-08-29 17:23
閱讀 2646·2019-08-28 18:06
閱讀 2583·2019-08-26 12:22
