Angular2和webpack – i18n插件与ng2-translate

前端之家收集整理的这篇文章主要介绍了Angular2和webpack – i18n插件与ng2-translate前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想用angular2构建一个web应用程序,并将其与webpack捆绑在一起.
提供多种语言的最佳方式是什么:

i18n-plugin:https://github.com/webpack/i18n-webpack-plugin

要么

ng2-translate:https://github.com/ocombe/ng2-translate

我使用cookbook使用webpack.必须将xliff文件转换为ts,如下所示:
export const TRANSLATION_SV = `<?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="a73e2898b9e1126ed19dbabe4b5c3715a84db61a" datatype="html">
      <source>Category</source>
      <target>Kategori</target>
    </trans-unit>
    </body>
  </file>
</xliff>`;

然后在main.ts中必须添加

import { TRANSLATIONS,TRANSLATIONS_FORMAT,LOCALE_ID  } from '@angular/core';
import { TRANSLATION_SV } from './locale/messages.sv';

并插入引导步骤:

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

猜你在找的Angularjs相关文章