简介
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，使用以下命令：
--- ------- ------------------------------------- ------
使用方法
安装完成后，我们需要在应用程序中引入该模块，在 app.js 中添加以下代码：
----------------------- -
-------------------------
--------------------
------------
-------------
---------------------------------------
--然后，在翻译的配置 config.js 中，我们可以使用以下代码来配置 staticFilesLoader：
------------------- -------------------- -
-----------------------------------------
------- ------------------
------- -------
---
-------------------------------------------
---上述代码中，我们指定了翻译文件的前缀和后缀，例如：locales/locale-en.json。而 preferredLanguage 方法则指定了默认语言为英文。
在 HTML 模板中，我们可以使用以下代码来实现翻译：
------- ------------- - --------- --------
上述代码中，我们使用了 AngularJS 的过滤器来对翻译文本进行处理。其中，'HELLO_WORLD' 是翻译文件中的一个键值。
示例代码
以下是一个完整的示例代码，供读者参考：
index.html：
--------- -----
----- ---------------
------
----- ----------------
-------------------------------------------- ------------
-------
----- -----------------------
------ ---------- - --------- -------
----
------ ----- - --------- -------
------ ----- - --------- -------
------ ------- - --------- -------
-----
---- -- --------- ----- ---
------- -----------------------------------------------------------------
------- -------------------------------------------------------------------------
------- --------------------------------------------------------------------------
------- -------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------------------------
---- ------ ---
------- ----------------------
-------
-------app.js：
----------------------- -
-------------------------
--------------------
------------
-------------
---------------------------------------
--
---------------- -------------------- -
-----------------------------------------
------- ------------------
------- -------
---
-------------------------------------------
--
--------------------- -------- -------- ----------- -
-- ----
--------------------- - -------- --------- -
------------------------
--
---来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/38901