上一篇: AngularJS：如何收听DOM事件？下一篇:Angular 2 – 子模块路由和嵌套

Angular2和webpack – i18n插件与ng2-translate

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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'}
    ];
});