Angular 国际化i18n : ngx-translate的使用

最新推荐文章于 2024-08-27 07:40:50 发布

原创

最新推荐文章于 2024-08-27 07:40:50 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

ngx-translate库的安装

先奉上： ngx-translate 官网和 GitHub的地址

在Angular项目中，我们主要用到了 @ngx-translate/core 和 @ngx-translate/http-loader 这两个模块，core模块是此库的核心，http-loader 是一个通过http调用翻译文件的加载器模块。

安装两包：

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

ngx-translate库的使用

模块的导入

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

// 使用TranslateHttpLoader加载项目的本地语言json配置文件
export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

@NgModule({
  declarations: [AppComponent],
  imports: [
   ...
   // 调用forRoot静态方法指定加载的