使用ngx-translate翻译Angular 2? [英] Translation Angular 2 using ngx-translate?

问题描述

我已经按照以下说明进行了所有配置和设置.

I have all configuration and setting following instructions.

app.module.ts

import {  Http } from '@angular/http';
import {TranslateModule, TranslateStaticLoader, TranslateLoader, TranslateService } from 'ng2-translate';

imports: [
    BrowserModule,
    HttpModule,
    TranslateModule.forRoot({
      provide: TranslateLoader,
      useFactory: (http: Http) => new TranslateStaticLoader(http, '/assets/i18n', '.json'),
      deps: [Http]
    })
]

组件:

import {TranslateService,TranslatePipe } from 'ng2-translate';

constructor( private activateRoute: ActivatedRoute, public translate: TranslateService) {
    translate.addLangs(['en']);
    translate.setDefaultLang('en');

  }

并查看组件:

{{ 'Intro' | translate }}

该库对我不起作用，它始终显示单词Intro的关键字，而不是值转换.

This library does not work for me, it alwsays displays key of word Intro instead value translations.

控制台中没有任何错误.为什么ngx-translate无法正常工作或我做错了什么.

There are not any errors in console. Why ngx-translate does not work or what I do wrong.

推荐答案

如果您仍使用Angular< 4.3，请使用@ angular/http中的Http和http-loader@0.1.0.

if you're still on Angular <4.3, please use Http from @angular/http with http-loader@0.1.0.

正在运行

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

是我的把戏

来源: ngx-translate/core

这篇关于使用ngx-translate翻译Angular 2?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！