angular做语言切换_angular项目语言切换功能

1、NzI18nService服务

参考：https://ng.ant.design/docs/i18n/zh

2、ngx-translate插件

1)安装依赖

npm install @ngx-translate/core --save

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

2)引入TranslateModule模块

*在AppModule中引入TranslateModule模块

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

*根路由引入TranslateModule模块相关配置并在imports中配置如下：

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

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

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

*配置AppModule的 imports如下：

TranslateModule.forRoot({

loader: {

provide: TranslateLoader,

useFactory: HttpLoaderFactory,

deps: [HttpClient]

}

}),

*最后在模块之外导出 HttpLoaderFactory

exp