简介
angular-translate-loader-static-files 是一个 AngularJS 的国际化（i18n）模块，它可以从静态文件中读取翻译文本，使得网页的多语言支持变得更加容易。
这个模块需要配合 angular-translate-core 和 angular-translate-storage-local 模块一起使用。其中，angular-translate-core 提供了核心的翻译功能，angular-translate-storage-local 则提供了将翻译文本存储在浏览器本地存储中的功能。
安装
你可以通过 npm 安装 angular-translate-loader-static-files，使用以下命令：
npm install angular-translate-loader-static-files --save
使用方法
安装完成后，我们需要在应用程序中引入该模块，在 app.js 中添加以下代码：
angular.module('myApp', [
'pascalprecht.translate',
'tmh.dynamicLocale',
'ngCookies',
'ngSanitize',
'angular-translate-loader-static-files'
])然后，在翻译的配置 config.js 中，我们可以使用以下代码来配置 staticFilesLoader：
app.config(function ($translateProvider) {
$translateProvider.useStaticFilesLoader({
prefix: 'locales/locale-',
suffix: '.json'
});
$translateProvider.preferredLanguage('en');
});上述代码中，我们指定了翻译文件的前缀和后缀，例如：locales/locale-en.json。而 preferredLanguage 方法则指定了默认语言为英文。
在 HTML 模板中，我们可以使用以下代码来实现翻译：
<div>{{ 'HELLO_WORLD' | translate }}</div>上述代码中，我们使用了 AngularJS 的过滤器来对翻译文本进行处理。其中，'HELLO_WORLD' 是翻译文件中的一个键值。
示例代码
以下是一个完整的示例代码，供读者参考：
index.html：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
-------------------------------------------- ------------
-------
----- -----------------------
------ ---------- - --------- -------
----
------ ----- - --------- -------
------ ----- - --------- -------
------ ------- - --------- -------
-----
---- -- --------- ----- ---
------- -----------------------------------------------------------------
------- -------------------------------------------------------------------------
------- --------------------------------------------------------------------------
------- -------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------------------------
---- ------ ---
------- ----------------------
-------
-------app.js：
-- -------------------- ---- -------
----------------------- -
-------------------------
--------------------
------------
-------------
---------------------------------------
--
---------------- -------------------- -
-----------------------------------------
------- ------------------
------- -------
---
-------------------------------------------
--
--------------------- -------- -------- ----------- -
-- ----
--------------------- - -------- --------- -
------------------------
--
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38901