Angular 2.0 übersetzen Pipe konnte nicht gefunden werden

Ich habe eine Komponente, die mit der translateService, aber es ist nicht möglich, zu übersetzen, Elemente, die mit dem Rohr auf die Komponente, die HTML-Vorlage, bekomme ich folgenden Fehler:

Rohr "übersetzen" konnte nicht gefunden werden

app.- Modul.ts

import {BrowserModule} from "@angular/platform-browser";
import {NgModule} from "@angular/core";
import {HttpModule, Http} from "@angular/http";
import {TranslateModule, TranslateLoader, TranslateStaticLoader} from 'ng2-translate';
import {AppComponent} from "./app.component";

@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
HttpModule,
TranslateModule.forRoot({
    provide: TranslateLoader,
    useFactory: (http: Http) => new TranslateStaticLoader(http, './assets/i18n', '.json'),
    deps: [Http]
   })
],
bootstrap: [AppComponent]
})
export class AppModule {
}

Buchung.Komponente.ts

import {Component, OnInit} from '@angular/core';
import {BookingComponent} from './booking.component';
import {TranslateService} from 'ng2-translate';

@Component({
   selector: 'app-booking',
   templateUrl: './booking.component.html',
   styleUrls: ['./booking.component.css']
})

export class BookingComponent implements OnInit {
  constructor(private translate: TranslateService
  ) {
    translate.setDefaultLang('de');
    translate.use('de');
};

ngOnInit() {
}
}

booking.component.html

<p>{{'TESTKEY' | translate }}</p>

Die übersetzung mit dem service auf die Komponente funktioniert gut, aber ich übersetzen müssen auch die html mit Rohr

InformationsquelleAutor Fabio | 2016-11-10

Schreibe einen Kommentar