服务i18n翻译角度cli给出英文文本

时间:2018-01-10 12:04:03

标签: angular angular5 angular-i18n

我几乎跟着the official i18n angular guide进行了有角度的翻译。但是在使用

提供应用时

g serve --aot --i18nFile=src/locale/messages.fr.xlf --i18nFormat=xlf --locale=fr

我仍然会收到英文文本。

我有一个messages.xlf和messages.fr.xlf:

的src / messages.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
  <file source-language="en" datatype="plaintext" original="ng2.template">
    <body>
      <trans-unit id="welcome" datatype="html">
        <source>Hello!</source>
        <context-group purpose="location">
          <context context-type="sourcefile">app/app.component.ts</context>
          <context context-type="linenumber">2</context>
        </context-group>
        <note priority="1" from="description">user welcome</note>
      </trans-unit>
    </body>
  </file>
</xliff>

的src /区域/ messages.fr.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
  <file source-language="en" datatype="plaintext" original="ng2.template">
    <body>
      <trans-unit id="welcome" datatype="html">
        <source>Hello!</source>
                <target>Bonjour!</target>
        <context-group purpose="location">
          <context context-type="sourcefile">app/app.component.ts</context>
          <context context-type="linenumber">2</context>
        </context-group>
        <note priority="1" from="description">user welcome</note>
      </trans-unit>
    </body>
  </file>
</xliff>

和我的测试应用的模板:

<div i18n="user welcome@@welcome">Hello!</div>

1 个答案:

答案 0 :(得分:1)

简单地替换

<div i18n="user welcome@@welcome">Hello!</div>

通过

<div i18n="user welcome@@welcome"></div>