AngularJS國際化配置
下載下傳angular-translate
下載下傳zip包:https://github.com/angular-translate/bower-angular-translate/releases
引入到js檔案
<script src="/bower_components/angular-translate-2.15.2/angular-translate.min.js"></script>
<script src="/bower_components/angular-translate-loader-static-files-2.15.2/angular-translate-loader-static-files.min.js"></script>
加載tranlate元件
var authModule = angular.module("AuthModule", ['pascalprecht.translate']);
var transProvider = function($translateProvider) {
var lang = window.localStorage.lang || 'cn';
$translateProvider.preferredLanguage(lang);
$translateProvider.useStaticFilesLoader({
prefix: '/i18n/',
suffix: '.json'
});
};
authModule.config(['$translateProvider', transProvider]);
建立多語言檔案
在項目中建立i18n目錄。并且在目錄下建立對應語言的檔案,例如:
- en.json
- cn.json
在消息檔案内容寫入:
{
"name": "名字",
}
在html中使用
<div>{{each.data.name | translate }}</div>
在js代碼中進行翻譯
$scope.name = $translate.instant("name");
@完