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日前,预订人数未达标,您将获得全额退款。
• 作者未按时完成文章,您将获得全额退款。
你可能还喜欢
初探 Metasploit 漏洞框架
肖志华
使用 Mpvue 开发微信小程序的最佳实践
美团点评技术团队
Java 优化方案:设计模式
Array老师
普通程序员如何快速提升自己
王俊生
使用 Python 全栈打造淘宝客微信机器人
州的先生
大厂面试官亲述:0~3年移动研发工程师必备技能
richardcao
60分钟轻松搞定树莓派 AI 服务开发
微软公开课
程序员如何借力微信公众号打造个人品牌,实现财务和精神自由?
石皮先生
深入解读微服务架构下分布式事务解决方案
lee
深度学习数学基础之微积分
王晓明
Java 高级特性: Lambda 表达式
游客
Tomcat 性能优化
only you
从0到1搭建属于自己的服务器
刘叫兽
你务必要搞清楚的六大数据分析知识点
木子
Java 进阶篇:理解 Class 和 Class 加载过程
张振华
微信扫描登录