angular8.0學習筆記之語言國際化

1.首先安裝ngx-translate依賴

npm install @ngx-translate/core --save
npm install @ngx-translate/http-loader --save

2.在app.module.ts中引入

import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, '../assets/lang/', '.json');
}

3.在需要語言國際化的組件中引入translateService;

4.在assets目錄下新建lang文件夾存放自己需要國家的json；

 

5.在組件模板中.app.component.html中使用