AngularJS 1.x 多语言实现

AngularJS 1.x 多语言实现

• 第一步，加载库文件

  • 通过bower下载库文件

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

  • index.html页面引入库文件

    <script src="lib/angular-translate/angular-translate.min.js"></script>
    <script src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
    

    • 第一个文件 angular-translate.min.js 是angular官方提供的国际化模块
    • 第二个文件 angular-translate-loader-static-files.min.js 模块是用来读取本地文件的模块,因为我们的翻译内容都是独立的 json 文件。
    • 我用的是v2.16.0 - 2017-11-01版本

  • 创建语言文件夹i18n（两种写法）

    • en.js和zh.js

      • en.js文件内容

        var en = {
                   'save': 'Save'}
        

      • zh.js文件内容

        var zh = {
                   'save':'保存'}
        

    • en.json和zh.json

      • en.json

        {
                   "100001":"Login","100002":"Register"}
        

      • zh.js

        {