问题描述
我想制作一个多语言的angular 4应用程序.我已经按照 Angular 2-多语言支持的回答进行了回答但这不起作用.
I want to make an angular 4 app that is multilangual.I have followed the answer on Angular 2 - Multilingual Supportbut it doesn't work.
我做了每一步,从该页面上的1到5,并且我的appmodule看起来一样.
I did every step, from 1 to 5 on that page and my appmodule looks the same.
我在资产文件夹中的文件夹i18n中有一个文件en.json.该文件包含
I have a file en.json in a folder i18n, located in my assets folder.The file contains
{ "TEST":"little test"}
并在我的HTML中:
<a [routerLink]="['/home']" class="tile waves-effect waves-light btn-large">
<span> {{ "TEST" | translate }}</span>
</a>
当我使用它时,我得到的是TEST而不是很少的测试.这真的很烦人,因为我想添加多种语言.
And when I use it I get TEST instead of little test.This is really annoying because I want to add multiple languages.
修改
我已将此代码添加到我的appmodule.ts中(仅添加了必要的内容)
edit
I've added this code to my appmodule.ts (only necessary added)
import {HttpClientModule, HttpClient} from '@angular/common/http';
import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';
export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http);
}
@NgModule({
imports: [
BrowserModule,
HttpModule,
HttpClientModule,
MaterializeModule.forRoot(),
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
}),
FormsModule,
JsonpModule,
routing,
BrowserAnimationsModule,
],
推荐答案
您可以尝试这样吗?
export function HttpLoaderFactory(http: Http) { return new TranslateHttpLoader(http, "./assets/i18n/", ".json");}
export function HttpLoaderFactory(http: Http) { return new TranslateHttpLoader(http, "./assets/i18n/", ".json");}
这篇关于Angular 4 Ngx平移管道不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!