简介
angular-simple-translate 是一个基于 AngularJS 的简单的翻译工具,支持多种语言翻译,使用简单,功能实用。
安装
使用 npm 安装:
--- ------- ------------------------ ------
使用
在 app.js 中引入模块:
----------------------- ----------------------------
在 index.html 中添加以下代码:
---- --------------------------------
在 app.js 中使用 $translate 服务:
-------------------------- ---------------- ----------- - --------------------- - -------- --------- - ------------------------ -- ---
然后在控制器中增加切换语言的方法,在页面上加上语言切换按钮:
------- ------------------------------------------------ ------- -------------------------------------------
配置
在 app.js 中,使用 $translateProvider 配置翻译信息:
----------------------------------------- - ------------------------------------- - ------ -------- -- -- ----- ------------ ------ --- --- ------------------------------------- - ------ ----------- ------------ ---- --- ------------------------------------------- ---
意义
angular-simple-translate 是一个非常实用的 angular 模块,可以帮助我们快速实现多语言的翻译,非常适用于开发多语言网站或应用。
示例代码
index.html:
---- -------------- ----------------------- --- ----------------------- ------- ------------------------------------------------ ------- ------------------------------------------- -- ---------------------------- ------
app.js:
----------------------- ---------------------------- ----------------------------------------- - ------------------------------------- - ------ -------- -- -- ----- ------------ ------ --- --- ------------------------------------- - ------ ----------- ------------ ---- --- ------------------------------------------- --- -------------------------- ---------------- ----------- - --------------------- - -------- --------- - ------------------------ -- ---
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600551a081e8991b448cefda