角度日期管道自定义输出答案

【问题标题】：Angular date pipe custom output角度日期管道自定义输出
【发布时间】：2019-01-24 13:14:56
【问题描述】：

如果您查看 Angular 的 DatePipe 文档，您会在 pre-defined format options 中看到 'long' 格式，如下所示： June 15, 2015 at 9:03:01 AM GMT+1

我想实现同样的目标，但没有时区。例如： 08 August at 16:06pm

这是我的代码：
{{ clicked | date: 'dd MMMM HH:mma' | lowercase }} 输出：08 August 16:06pm
但是如何在月份和小时之间插入单词at？

作为一个快速修复，我设法做到了：

{{ clicked  | date: 'dd MMMM' }} at {{ clicked  | date: 'HH:mma' | lowercase }}

但是，如果不创建新的自定义管道，是否有更好的解决方案？

【问题讨论】：

【解决方案1】：

通常我会这样做：

{{ clicked | date: "dd MMMM 'at' HH:mma" | lowercase }}

这种用双引号的方式，单引号内的单词at被解释为string

【讨论】：

【解决方案2】：

将自定义字符串放入日期格式的最简单方法，如下所示，

{{ clicked | date: "format'at' format" | lowercase }}

输出：时间日期

这样你可以通过添加多个自定义数据来实现你想要的多个甲酸盐。

{{ clicked | date: " date format 'on' EEEE 'at' format" | lowercase }}

// EEEE for Day Name

输出：日期在日期名称的时间

【讨论】：