如何使用 bower 从 AngularJS I18n 文件中包含特定的语言环境？答案

【问题标题】：How to include specific locale from AngularJS I18n files using bower?如何使用 bower 从 AngularJS I18n 文件中包含特定的语言环境？
【发布时间】：2016-04-04 08:48:46
【问题描述】：

我已经使用bower install angular-i18n 下载了 Angular I18n 存储库，它会将其拉入我的bower_compontents 并使用angular-i18n : 1.5.3 更新bower.json 文件，这是预期的行为。

我想在我的构建过程中包含一个特定的语言环境（例如 de-de.js），以便在我每次运行 grunt serve 时将它与其他角度脚本一起包含在内，目前还没有发生.有什么想法可以实现吗？

谢谢。

【问题讨论】：

我也有同样的问题
@GonzaloPincheiraArancibia 我已经回答了我的问题。
如果你接受了你知道的答案会不会很棒？ :P

标签： javascript angularjs build gruntjs bower

【解决方案1】：

在我的例子中，我使用文件angular-locale_es.js 的原始版本的链接在我的 Bower 文件中添加了我需要的特定版本。 bower.json

"dependencies": {
    "angular": "^1.5.0",
    "angular-mocks": "^1.5.0",
    ...
    "angular-locale_es": "https://raw.githubusercontent.com/angular/bower-angular-i18n/master/angular-locale_es.js",
     ...
  }

【讨论】：

【解决方案2】：

在您的 bower.json 中，您可以添加覆盖部分并指定要包含的 i18n 脚本。

{
  "name": "your application",
  "version": "1.1.2",
  "dependencies": {
    "angular": "#1.5.7",
    "angular-i18n": "#1.5.7",
	"moment": "#2.13.0",
  },
  "overrides": {
    "angular-i18n":{
      "main":[
        "angular-locale_de-ch.js"
      ]

    },
    "moment": {
      "main": [
        "moment.js",
        "locale/de.js"
      ]
    },
  }
}

【讨论】：

【解决方案3】：

所以回答我自己的问题，如果您只想要其中一个语言环境，您可以将de-de.js 语言环境的内容复制并替换到主angular-i18n 文件中，这很容易，不需要复杂的方法.

但是，如果您有多个语言环境并希望根据条件做出决定，则可以使用此库设置默认语言环境

https://github.com/lgalfaso/angular-dynamic-locale/

之后您所要做的就是为您的语言环境文件添加一个基本位置（例如，我使用的是 CDN）：tmhDynamicLocaleProvider.localeLocationPattern('https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.5.5/angular-locale_{{locale}}.js');

检查您的情况并将语言环境设置为$translate.use('de');

希望有帮助！

【讨论】：