Angular 14 Internationalization (i18n) Guide 🌐🌍

Angular 14 的国际化（i18n）功能帮助开发者构建多语言应用。以下是关键内容速览：

1. i18n 配置基础

• 使用 @angular/localize 工具库
• 配置 main.ts 中的 LOCALE_ID
• 本地化文件格式：.xlf 或 .json

2. 动态语言切换

• 通过 Router 实现语言路由（如 /en、/zh）
• 使用 TranslateService 管理语言状态
• 示例代码：

  this.translate.use('es'); // 切换到西班牙语
  

3. 国际化管道

• DatePipe、CurrencyPipe 和 DecimalPipe 自动适配本地格式
• 自定义管道示例：

  @Pipe({ name: 'customI18n' })
  export class CustomI18nPipe implements PipeTransform {
    transform(value: string, lang: string): string {
      return value + ' ' + lang;
    }
  }
  

4. 最佳实践

• 集成 i18n 时优先使用 @angular/localize
• 保持语言文件与代码分离
• 测试多语言兼容性（如日期、货币符号）
• 延伸阅读：Angular 14 官方文档 - i18n

📌 提示：确保在 angular.json 中启用 i18n 构建选项！

For advanced topics, check our Angular i18n Workshop or Framework Tutorials. 🚀