IONIC+ANGULARJS语言切换
2015-11-24 16:09
676 查看
1、添加插件
bower install angular-translate
bower install angular-translate-loader-static-files2、关联
angular.module('myApp', ['pascalprecht.translate'])
3、在Config配置语言切换文件
//在www里面新建一个languages文件包
$translateProvider.useStaticFilesLoader({
files: [{
prefix: './languages/',
suffix: '.json'
}]
});
//set preferred lang
//auto determine preferred lang
$translateProvider.determinePreferredLanguage();
//when can not determine lang, choose en lang.
$translateProvider.preferredLanguage('cn');//首选语言
$translateProvider.fallbackLanguage('cn');
4、在controller里面切换语言
$translate.use(deflang);//deflang 如果为cn,就会自动在languages包里面查找cn.json文件
bower install angular-translate
bower install angular-translate-loader-static-files2、关联
angular.module('myApp', ['pascalprecht.translate'])
3、在Config配置语言切换文件
//在www里面新建一个languages文件包
$translateProvider.useStaticFilesLoader({
files: [{
prefix: './languages/',
suffix: '.json'
}]
});
//set preferred lang
//auto determine preferred lang
$translateProvider.determinePreferredLanguage();
//when can not determine lang, choose en lang.
$translateProvider.preferredLanguage('cn');//首选语言
$translateProvider.fallbackLanguage('cn');
4、在controller里面切换语言
$translate.use(deflang);//deflang 如果为cn,就会自动在languages包里面查找cn.json文件
相关文章推荐
- angularJS学习之路(二十四)---创建服务的五大方法---service
- angularJS学习之路(二十三)---创建服务的五大方法---factory
- AngularJS基础
- 对比Jquery 与 AngularJs
- AngularJS入门教程:日期格式化
- angularJS学习之路(二十二)---模块加载---config
- angularJS学习之路(二十一)---injector---初探依赖注入
- angularJS学习之路(二十)---自定义指令---transclude的作用
- [转]angularjs 设置全局变量的3种方法
- [转]AngularJs 多语言的使用 angular-translate
- Angular 学习笔记——ng-repeat 隔行换色
- angularJS学习之路(二十)---自定义指令作用域绑定策略问题
- angularJS学习之路(十九)---自定义指令关于独立作用域
- Angular 学习笔记——ng-repeat&filter
- AngularJS 国际化——Angular-translate
- angularJS学习之路(十八)---自定义指令执行过程
- angularJS学习之路(十七)---自定义指令
- Angular 学习笔记——filter
- AngularJs $interpolate 和 $parse
- AngularJS入门