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'}}

这应该像魅力一样！

这是工作的plunker

Answer 4

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

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

Answer 5

使用5.2.0

<h4> {{ (value | date : 'mediumDate') ? (value | date : 'mediumDate') : 'Present' }} </h4>