Angular 官方 i18n 实践分享

作者/分享人:KingMario
向 Ta 提问
就职于 VMware,任 Frontend Tech lead,先后供职于中兴通讯、安硕信息、携程、纬路科技等多家公司,多年前端软件开发、架构经验,熟悉 Vue.js、Angular,现专注于 Angular 开发。

Angular的国际化(i18n)工具可以帮助我们使用多个语言开发应用。官方文档 介绍了如何在 Angular 模板中使用 i18n 属性标记文本、通过 ng 命令行工具创建翻译源文件以及如何通过 ng 命令行工具进行不同语言应用打包的方法……

官方文档中还介绍了 JIT 编译模式下,如何通过 bootstrap 的编译选项设置所要使用的语句包,以便在进行组件编译时进行语言的插入。

整个官方文档完整学习掌握了的话,对于国际化开发中的组件模板添加标记、提取语言包、启动开发服务器、语言包实时调试以及使用 AOT 进行编译打包等任务都应该毫无障碍。

不过,官方文档没有涉及到的问题也不少:

  • AOT 编译打包后的不同语言的 SPA 如何部署到同一台服务器上,这对 npm build script 打包脚本有何要求
  • 如何在 SPA 中响应切换语言的请求
  • 如何针对少量不在组件模板中的 data 实时 i18n 需求进行处理
  • 使用 JIT 编译模式进行 i18n 开发的话,使用哪些打包参数
  • 使用 JIT 编译模式打包如何支持多语言切换,如何动态加载不同语言的 xlf 文件

本文从官方 i18n 示例项目出发,为您一一解答上述问题。

活动取消
已有27人预订
预订达标
文章出炉
     
01月18日
02月01日
退款保证:
• 01月18日前,预订人数未达标,您将获得全额退款。
• 作者未按时完成文章,您将获得全额退款。
你可能还喜欢
聊聊 CSS 中的布局模式
大漠_w3cplus.com
软技能:程序员如何在职场上少走弯路
墨雪卿
如何用 Python 爬取网页制作电子书
孙亖
Spring Boot 2.0 的快速入门(图文教程)
泥瓦匠 @ bysocket.com
如何在网上下载自己需要的资源
曹某某
GitChat 被恶意攻击引发的技术性思考:拒绝服务攻击
肖志华
利用开源代码和读相关论文来提高写代码能力
李峰
中小型企业基于大数据技术的项目实践
Tumweeg
前端如何拥有自己的服务器
郭方超
浅谈如何开一场 Chat
白宦成
如何更好的把控项目进度以及对资源进行估算
PM圈子-管理
通过源码深入理解 Spring 事务的实现原理
分布式熔断、限流与服务保护:深入 Hystrix 原理及使用
快乐崇拜
前端跨域问题各种解决方案
npc光明
查询参数缓存从零到一个框架的演进
奔跑吧架构师
微信扫描登录