angular做语言切换_angular5 基于ngx-translate实现多语言切换

angular的坑永远都是那么多，当然了，主要还是我太菜~

基于ngx-translate实现多语言切换这个功能，我又是折腾了很久，下面是我实现的过程：

1、安装ngx-translate

需要安装@ngx-translate/core和@ngx-translate/http-loader，我的问题主要出在这个，angular的版本不同，要安装对应组件的版本也不同。

我本地用的是angular5，使用最新的版本，会报错。。

针对angular5版本的组件安装命令是：

npm install @ngx-translate/core@9.1.1--save

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

如果你用的不是angular5，可以到下面对应的changelog页面，查找对应的版本号：

2、修改app.module.ts，添加对ngx-translate的支持

引入：

import { HttpClientModule,HttpClient } from '@angular/common/http';

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

import {TranslateHttpLoader} from'@ngx-translate/http-loader';

ex