Angular 将文本包含在角度2+;日期管道格式

Angular 将文本包含在角度2+;日期管道格式,angular,pipe,date-pipe,Angular,Pipe,Date Pipe,我正在尝试使用Angular 2中的日期管道。我希望输出日期的格式为:2017年8月23日上午11:07 但是,我无法找到在日期格式中包含文本at的正确方法 当我指定如下格式时:{{my_date | date:'MM/dd/yyyy at hh:MM a'} 我得到:2017年8月23日上午11:07的金额 我试着用引号将文本括起来:{{my_date | date:'MM/dd/yyyy'在“hh:MM a'}} 但这只是在输出中添加了引号:2017年8月23日上午11:07“AMt” 这样

我正在尝试使用Angular 2中的
日期管道。我希望输出日期的格式为:
2017年8月23日上午11:07

但是,我无法找到在日期格式中包含文本
at
的正确方法

当我指定如下格式时:
{{my_date | date:'MM/dd/yyyy at hh:MM a'}

我得到:
2017年8月23日上午11:07的金额

我试着用引号将文本括起来:
{{my_date | date:'MM/dd/yyyy'在“hh:MM a'}}

但这只是在输出中添加了引号:
2017年8月23日上午11:07“AMt”

这样做的唯一方法是将它分成两个单独的管道,格式的两面像
{{my_date}date:'MM/dd/yyyyy}}在{my_date}date:'hh:MM a'}


或者有没有办法在
at
中转义
a
,使其在
处显示文本
,而不是
AMt

可能您可以创建一个简单的管道

@Pipe({
    name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
    transform(value: string) {
       var datePipe = new DatePipe("en-US");
        value = datePipe.transform(value, 'MMM-dd-yyyy') + ' at ' + datePipe.transform(value, 'hh:mm a');
        return value;
    }

}

<p>{{currentTime | dateFormatPipe}}</p>
@管道({
名称:“dateFormatPipe”,
})
导出类dateFormatPipe实现PipeTransform{
转换(值:字符串){
var datePipe=新datePipe(“美国”);
value=datePipe.transform(值'MMM dd yyy')+'at'+datePipe.transform(值'hh:mm a');
返回值;
}
}
{{currentTime | dateFormatPipe}}


我遇到了这种情况。我能够通过使用
\'


{{my_date{124; date:'yyyy/MM/dd'at\'HH:MM:ss'}

对于那些使用双引号的人(像我一样),在\'
中添加
\“at\”
是行不通的,但是你可以在'HH:MM'中添加
myFormat=“dd/MM/yyyyy'