Angularjs国际化

来源：互联网发布：js数组删除空元素编辑：程序博客网时间：2024/05/21 21:35

知识科普
i18n是Internationalization得缩写，取第一个字母和最后一个字母，以及中间省略的字母数目，即i18n，类似的l10n是Localization得意思。
通常i18n是国际化的意思,l10n，则是本地化的意思。
使用　Angular-translate
１引入

如果使用了requireJS这种异步加载服务,则需要声明
shim: {
….
angular_translate:{
deps: [‘angular’],
exports: ‘angular_translate’
},
２注入
var app = angular.module(“MyApp”,[‘pascalprecht.translate’]);
３配置

     app.config(['$translateProvider',function($translateProvider){         $translateProvider.translations('en',{            'TITLE':'Hello',            'FOO':'This is a paragraph'          });          $translateProvider.translations('zh',{              'TITLE':'你好',              'FOO':'这是一幅图'           });           $translateProvider.preferredLanguage('zh');      }]);    //文件形式　需要引入         <script src=”js/angular-translate-loader-static-files.min.js”></script>         $translateProvider.useStaticFilesLoader({            prefix: '/i18n/locate-',            suffix: '.json'         });         //请求的文件是/i18n/locate-zh.json         $translateProvider.preferredLanguage('zh');

4使用

    <h1>{{ 'TITLE' | translate }}</h1>    <span translate="FOO"></span>

5加载中出现延迟
引入

0 0