Angular 日期管道可以在角度为10的组件类中使用

Angular 日期管道可以在角度为10的组件类中使用,angular,Angular,上面是我的datepipe类..我在angular html代码中使用转换日期..是否相同可以在我的组件类中重用/注入 请让我知道..创建管道类时,如果将其注入app.module,则可以在应用程序中的任何位置使用它 您可以在任何HTML模板中直接使用它,前提是该模块中已经提供了它 有两种类型的管道:纯管道和不纯管道-基于角度变化检测 有关更多详细信息,请查看此链接: 创建管道类时,如果将其注入app.module,则可以在应用程序中的任何位置使用它 您可以在任何HTML模板中直接使用它,前提是

上面是我的datepipe类..我在angular html代码中使用转换日期..是否相同可以在我的组件类中重用/注入


请让我知道..

创建管道类时,如果将其注入app.module,则可以在应用程序中的任何位置使用它

您可以在任何HTML模板中直接使用它,前提是该模块中已经提供了它

有两种类型的管道:纯管道和不纯管道-基于角度变化检测

有关更多详细信息,请查看此链接:


创建管道类时,如果将其注入app.module,则可以在应用程序中的任何位置使用它

您可以在任何HTML模板中直接使用它,前提是该模块中已经提供了它

有两种类型的管道:纯管道和不纯管道-基于角度变化检测

有关更多详细信息,请查看此链接:


首先,您需要在模块中提供,或者如果您只需要在一个特定组件中提供,则可以在组件中提供

import { Constants } from './../util/constants';
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
  name: 'dateFormat'
})
export class DateFormatPipe extends DatePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return super.transform(value, Constants.DATE_FMT);
  }
}

然后将其注入组件中,并像这样使用它

@Component({
   ...
   providers: [DateFormatPipe]
}) 
export class ExampleComponent implements OnInit { ..

首先,您需要在模块中提供它,或者如果您只需要在一个特定组件中提供它,您可以在组件中提供它

import { Constants } from './../util/constants';
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
  name: 'dateFormat'
})
export class DateFormatPipe extends DatePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return super.transform(value, Constants.DATE_FMT);
  }
}

然后将其注入组件中,并像这样使用它

@Component({
   ...
   providers: [DateFormatPipe]
}) 
export class ExampleComponent implements OnInit { ..

是的..我已将共享模块..注入其中..无法在service/component.ts文件中使用该管道日期格式吗?是的,可以,它与服务类似。您可以类似地注入它并使用transform方法。您可以使用此链接-。是的..我已将共享模块..注入其中…无法在service/component.ts文件中使用该管道日期格式?是的,您可以。它与服务类似。您可以类似地注入它并使用transform方法。您可以使用此链接-。非常感谢…非常感谢。。。