Angular2如何处理日期管道的值为null

Question

我有这样的日期管道模板

{{value | date: 'dd/MM/yyyy'}}

这value是null

如果我的值为null我如何处理这个字符串'object not match'？

Answer 1

{{ (value !== null) ? (value | date: 'dd/MM/yyyy') : "" }}

Answer 2

检查Angular 4.2.4

{{(value | date:'dd/MM/yyyy') || 'n/a' }}

Answer 3

您可以添加以下内容：

{{value || '' | date: 'dd/MM/yyyy'}}

这应该像魅力一样工作！

这是工作中的笨蛋

Answer 4

如果您的数据迟到并在视图中显示无效日期或任何内容，请使用此逻辑并第一次设置为空。

@Pipe({
    name: 'displayDate'
})
export class DisplayDatePipe implements PipeTransform {
    transform(value): any {
        if (value !== null) {
            return moment(value).format(DateFormat.DD_MMM_YYYY);
        }
        return null;
    }
}