angular-translate进行项目国际化

1. 安装插件

bower install angular-translate 
bower install angular-translate-loader-static-files

2. 直接引入（二选一）

   <script src="editor-app/libs/angular-translate_2.4.2/angular-translate.min.js"></script>
   <script src="editor-app/libs/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>

注： angular-translate-loader-static-files.min.js用来读取本地多语言文件。

3. 添加翻译文本

在项目中建立/i18/文件夹，然后在该文件夹中添加对应的json文件（en-us.json/ch-cn.json）

4.注入依赖

var myApp = angular.module('myApp', [
  'pascalprecht.translate']);

myApp.config(['$translateProvider', function ( $translateProvider) {

 // 从cookie里获取 lang
    function getCookie(name){
        var strcookie = document.cookie;//获取cookie字符串
        var arrcookie = strcookie.split("; ");//分割
        for ( var i = 0; i < arrcookie.length; i++) {
            var arr = arrcookie[i].split("=");
            if (arr[0] == name){
                return arr[1];
            }
        }
        return "";
    }

    var lang = getCookie('language');
    
    $translateProvider.useStaticFilesLoader({
        prefix: '/i18n/',
        suffix: '.json'
    });
        // 加载本地多语言配置文件
        $translateProvider.useStaticFilesLoader({
            prefix: './i18n/',
            suffix: '.json'
        });

    $translateProvider.preferredLanguage(lang);

5. 创建过滤器做html内容国际化

.filter('translate', ['$translate', function ($translate) {
    return function (key) {
      if (key) {
        return $translate.instant(key);
      }
    }
  }])

<div 
    class="Or-button" 
	id="delete-button" 
	title="{{'BUTTON.DELETE.TOOLTIP' | translate}}"
	ng-click="deleteTooltip()"
/>

6. javascript 脚本中使用国际化

$translate.instant("TOOLBAR.DESIGN.MODULE")