角2：如何將字符串傳遞給Typescript函數中的管道？

Question

我想用「日期」管，但我不希望使用它的HTML模板中，但打字稿功能裏面，是這樣的：

dateString.filter(date) 

你有一個想法，怎麼辦呢？

Answer 1

您可以通過導入，然後將其注入到你的構造方法，使用日期管在組件例如：

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

constructor(private datePipe: DatePipe) {} 

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

Answer 2

你應該注入DatePipe內providers的陣列您NgModule第一（如注射劑應在providers陣列已經被註冊），然後你可以使用DatePipe您的應用程序作爲噴射器內部。你必須調用它的transform函數來格式化日期。使用前注入DatePipe它裏面的組件constructor它DatePipe

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

使用

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