Angular2 和 i18n 实现不显示翻译文本答案

【问题标题】：Angular2 and i18n implementation not displaying translated textAngular2 和 i18n 实现不显示翻译文本
【发布时间】：2017-02-27 18:02:23
【问题描述】：

我已经按照官方文档中的说明在一个新的 angular2 项目中实现了 i18n。 https://angular.io/docs/ts/latest/cookbook/i18n.html#!#i18n-attribute

翻译似乎有效，因为控制台中没有错误，如果我从 index.html 中删除语言环境变量，我会看到默认文本。此外，使用 Chrome 开发工具检查源代码，我可以看到翻译文件已加载。但是，已翻译字段的页面中不会显示任何文本。

我也尝试过这里建议的实现： https://plnkr.co/edit/4euRQQ?p=preview，使用 ts 文件而不是 xlf 文件。

import { TRANSLATION } from './messages.fr';

platformBrowserDynamic().bootstrapModule(AppModule,
  {
    providers: [
      { provide: TRANSLATIONS, useValue: TRANSLATION },
      { provide: TRANSLATIONS_FORMAT, useValue: 'xlf' },
      { provide: LOCALE_ID, useValue: 'fr' }
    ]
  });

它给出了相同的结果，页面中没有文本。我在不同的组件中使用它，而不是直接在应用程序组件模板中，它有什么区别吗？我是否必须将某些内容导入自定义组件才能使其正常工作？

控制台中没有错误。任何指导将不胜感激。

谢谢

【问题讨论】：

标签： angular internationalization

【解决方案1】：

我现在已经解决了这个问题，错误出在翻译文件语法中

【讨论】：