一分钟学会 i18n angular2.0 多语言支持

1. 首先引入ng2-translate

npm install ng2-translate --save

2.在模块中引入他

image.png

import { TranslateModule, TranslateLoader, TranslateStaticLoader } from 'ng2-translate';

添加方法

export function createTranslateLoader(http: Http) {
  return new TranslateStaticLoader(http, './assets/i18n' , '.json');
}

在assets中添加文件

image.png image.png

注入他

image.png

在组件中注入他

image.png

3.html中

<h1>
  {{'app.logout' | translate}}
</h1>