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日前,预订人数未达标,您将获得全额退款。
• 作者未按时完成文章,您将获得全额退款。
你可能还喜欢
Spring Cloud Consul 从入门到精通
如梦技术 dreamlu
ACT 敏捷教练培养体系
Chat 三人行
Spring 注解是如何实现的
飞翔
程序员的自我进化:学习之道,如何更有效的学习
Soyoger
高并发、高性能 Web 架构解决方案
Array老师
Spring Data JPA 晋级提升篇:复杂场景实战用法与优化
张振华
分布式事务原理探究
追梦
零基础开发一款微信小程序商城
aserbao
深入理解领域驱动设计中的聚合(aggregates)
张刚
基于 Redis 的分布式锁实现及踩坑案例
应书澜
如何正确使用 Spring Cloud?
老顽童
Java Web 后台开发效率提高
Ram征建波
深度学习第一课:极简入门
绿色羽毛
Spring 事务配置解惑
追梦
前端遇上 Go: 静态资源增量更新的新实践
美团技术团队
微信扫描登录