angular 2: Wie übergibt man eine Zeichenkette an eine Pipe in einer Typescript-Funktion?

Question

Ich mag ‚date‘ Rohr verwenden, aber ich will es nicht in HTML-Vorlage verwenden, aber in einer Typoskript Funktion, so etwas wie:

dateString.filter(date) 

Haben Sie eine Idee, wie es zu tun?

Answer 1

Sie das Datum Rohr in der Komponente durch den Import und dann verwenden können, um sie Ihren Konstruktor Injektion, für Beispiel:

import { DatePipe } from '@angular/common'; 

constructor(private datePipe: DatePipe) {} 

this.datePipe.transform(dateString, 'HH:mm'); 

Answer 2

sollten Sie injizieren DatePipe innerhalb providers Array Ihrer NgModule ersten (als injizierbare in providers Array registriert worden sein) und dann können Sie DatePipe in Ihrer Anwendung als Injektor verwenden. Sie müssen die transform Funktion aufrufen, um das Datum zu formatieren. Injizieren DatePipe es in constructor Ihrer Komponente vor der Verwendung DatePipe

@NgModule({ 
    imports: [..], 
    declarations: [..], 
    providers: [ DatePipe, ..], //this is very much important line. 
    bootstrap: [AppComponent] 
}) 
export class AppComponent { 
} 

Nutzungs

//just for demo, I put filter inside constructor 
constructor(private datePipe: DatePipe){ datePipe.tranform(date); }