Канал даты может использоваться в классе компонентов angular 10

#angular

#angular

Вопрос:

 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);
  }
}
 

Выше приведен мой канал даты class..am использование в угловом HTML — коде для преобразования даты ..Можно ли повторно использовать / вводить в мой класс компонентов?

Пожалуйста, дайте мне знать..

Ответ №1:

Сначала вам нужно предоставить его в модуле, или, если вам нужен только один конкретный компонент, вы можете предоставить его в компоненте.

 @NgModule({....
providers: [ 
    DateFormatPipe,
] 
})
export class AppCommonModule { }
 

или

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

затем вы вводите его в свой компонент и используете его следующим образом

 constructor(private dateformat: DateFormatPipe) { 
    let formattedDate = dateformat.transform(new Date());
}
 

Ответ №2:

когда вы создаете класс КАНАЛА, вы можете использовать его в любом месте своего приложения, если вы введете его в app.module.

Вы можете напрямую использовать его в любом шаблоне HTML при условии, что он уже предоставлен в этом модуле.

существует два типа каналов: чистые и нечистые — на основе обнаружения изменения угла

для получения более подробной информации вы можете проверить эту ссылку:

https://indepth.dev/posts/1061/the-essential-difference-between-pure-and-impure-pipes-in-angular-and-why-that-matters

Комментарии:

1. ДА.. У меня есть общий модуль .., введенный в него … возможно ли использовать этот формат даты канала в файле service / component.ts?

2. Да, вы можете это похоже на сервисы. Вы можете ввести его аналогичным образом и использовать метод преобразования. вы можете использовать эту ссылку — tektutorialshub.com/angular /.