简介
angular-simple-translate 是一个基于 AngularJS 的简单的翻译工具，支持多种语言翻译，使用简单，功能实用。
安装
使用 npm 安装：
npm install angular-simple-translate --save
使用
在 app.js 中引入模块：
angular.module('myApp', ['angularSimpleTranslate']);在 index.html 中添加以下代码：
<div translate="translate.key"></div>
在 app.js 中使用 $translate 服务：
myApp.controller('MyCtrl', function($scope, $translate) {
$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
};
});然后在控制器中增加切换语言的方法，在页面上加上语言切换按钮：
<button ng-click="changeLanguage('en')">English</button>
<button ng-click="changeLanguage('zh')">中文</button>配置
在 app.js 中，使用 $translateProvider 配置翻译信息：
-- -------------------- ---- -------
----------------------------------------- -
------------------------------------- -
------ -------- -- -- -----
------------ ------ ---
---
------------------------------------- -
------ -----------
------------ ----
---
-------------------------------------------
---意义
angular-simple-translate 是一个非常实用的 angular 模块，可以帮助我们快速实现多语言的翻译，非常适用于开发多语言网站或应用。
示例代码
index.html：
<div ng-app="myApp" ng-controller="MyCtrl">
<h1 translate="TITLE"></h1>
<button ng-click="changeLanguage('en')">English</button>
<button ng-click="changeLanguage('zh')">中文</button>
<p translate="BUTTON_TEXT"></p>
</div>app.js：
-- -------------------- ---- -------
----------------------- ----------------------------
----------------------------------------- -
------------------------------------- -
------ -------- -- -- -----
------------ ------ ---
---
------------------------------------- -
------ -----------
------------ ----
---
-------------------------------------------
---
-------------------------- ---------------- ----------- -
--------------------- - -------- --------- -
------------------------
--
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551a081e8991b448cefda