Angular：是否可以在Angular模板中使用第三方库？

是否可以在组件模板中使用第三方库，而不仅仅是在组件TS文件中

我使用“date fns”库，我想在模板中使用它来格式化日期。类似这样，其中“format”是来自“date fns”库的函数

{{格式（会话？.timeHorizon.start，“yyyy-MM-dd”）}
最好的方法是使用
管道
：

import { format } from 'date-fns';

@Pipe({
  name: 'formatDate'
})
export class FormatDatePipe implements PipeTransform {
  transform(value: string | number | Date, dateFormat: string): string {
    return format(value, dateFormat);
  }
}

如果你想用它来格式化日期，那么你应该做一个自定义，格式化日期，并在自定义管道中使用该库。这与你认为不是用于“格式化”JavaScript日期的库相反-你应该从“date fns”
@Edric将导入入口点更新为
import{format}。你是对的，我没有正确阅读问题：）
import { format } from 'date-fns';

@Pipe({
  name: 'formatDate'
})
export class FormatDatePipe implements PipeTransform {
  transform(value: string | number | Date, dateFormat: string): string {
    return format(value, dateFormat);
  }
}

<span class="cell-time-horizon-value">
    {{session?.timeHorizon.start | format:"yyyy-MM-dd")}}
</span>

<span class="cell-time-horizon-value">
    {{format(session?.timeHorizon.start, "yyyy-MM-dd")}}
</span>

import { format } from 'date-fns';

export class TestComponent {
  readonly format = format;
}