title: Angular translate Pipe could not be found
body: <p>I have a component that uses the translateService, but it's not possible to translate items with the pipe on the Component Template HTML, i get following error:</p>
  
  <blockquote>
    <p>The pipe 'translate' could not be found</p>
  </blockquote>
  
  <p>app.module.ts</p>
  
  <pre><code>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) =&gt; new TranslateStaticLoader(http, './assets/i18n', '.json'),
      deps: [Http]
     })
  ],
  bootstrap: [AppComponent]
  })
  export class AppModule {
  }
  </code></pre>
  
  <p>booking.component.ts</p>
  
  <pre><code>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() {
  }
  }
  </code></pre>
  
  <p>booking.component.html</p>
  
  <pre><code>&lt;p&gt;{{'TESTKEY' | translate }}&lt;/p&gt;
  </code></pre>
  
  <p>The translation with the service on the component works fine, but i need to translate also the html with pipe</p>