AngularJS整合angular-translate

---

一、引入angular.js

下载链接

二、引入angular-translate.min.js

下载链接

三、项目引入

注意 必须先引入angular.js 然后再引入angular-translate.min.js

四、容器注入

var app = angular.module('starter', ['ionic',
    'starter.controllers', 'starter.services', 'templates', 'rbac'
    //下面为angular-translate 开始
    , 'pascalprecht.translate'
    //结束
])

五、内容设置

app.config(['$translateProvider', function ($translateProvider) {
    $translateProvider.translations('en', {
        'home' : 'Home',
    });
     
    $translateProvider.translations('cn', {
        'home' : '首页',
    });
    //默认中文
    $translateProvider.preferredLanguage('cn');
}])

六、替换页面内容

<h3 style="color:#ffffff; line-height:50px;font-family:宋体;font-size:35px">{{"TITLE"| translate}}</h3>

七、修改语言

.controller('DashCtrl', function ($scope, Dam, $rootScope, $translate) {
	//g_config.type 为 “cn”  或者  “en”
    $translate.use(g_config.type)
})