服务和部件中的角用管道

Question

$filter('date')(myDate, 'yyyy-MM-dd');

Answer 1

与Angular中的通常情况一样，您可以依赖于依赖注入：

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

class MyService {

  constructor(private datePipe: DatePipe) {}

  transformDate(date) {
    return this.datePipe.transform(date, 'yyyy-MM-dd');
  }
}

将DatePipe添加到模块中的提供程序列表中；如果忘记这样做，则no provider for datePipe将出现错误：

providers: [DatePipe,...]

更新Angular 6：Angular 6现在提供了管道公开使用的几乎所有格式化功能。例如，现在可以直接使用formatdate函数。

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

class MyService {

  constructor(@Inject(LOCALE_ID) private locale: string) {}

  transformDate(date) {
    return formatDate(date, 'yyyy-MM-dd', this.locale);
  }
}