Page 389 - AngularJS权威教程

27.2 安装 369

19

第27章 20

本地化
21

22

随着世界各地Web访问量的增加，作为开发者的我们也在不断让应用国际化、本地化。当用 23
户访问我们的应用时，他应该能够在运行时立即切换语言环境。
鉴于我们正在开发的是AngularJS客户端应用，尤其不希望用户必须刷新页面或者访问一个 24
完全不同的URL。当然，AngularJS可以很容易地调整那些国际化读者的本机语言环境，或许通
过为不同语言生成不同模板的方式为应用提供服务。 25

然而，这个过程可能会很麻烦，当我们想要改变应用的布局时会发生什么情况？每个独立的
模板都需要重新构建和部署。而这个过程应该是很简单才对。 26

27.1 angular-translate 27

你可以使用angular-translate来替代创建新模板的方式，这个AngularJS模块为你的应用提
供了i18n（国际化）服务。angular-translate要求创建一个JSON文件，它描述每种语言的翻译 28
数据。然后它只会在必要时从服务器延迟加载特定语言的翻译数据。

angular-translate库自带了很多内置指令和过滤器，这让我们的应用国际化变得简单。我 29
们一起来学习一下。
30
27.2 安装
31
为了使用angular-translate，需要加载这个库。可以使用几种不同的方式安装它，但是推
荐使用Bower。
32
Bower是一个前端包管理器。它不仅能够处理JavaScript库，还可以处理HTML、CSS以及图
片程序包。一个程序包就是一个简单的封装，典型的例子就是一个可公开访问的第三方代码库。
33
 使用Bower

使用标准的Bower方法安装angular-translate： 34

$ bower install angular-translate
35
此外，你也可以从Github下载压缩版的angular-translate。

安装好最新稳定版本的angular-translate之后，你就可以简单地将它嵌入到你的HTML文
36