时间戳

首页 > 解决方案 > 如何在模板中将破折号显示为默认值？

angular - 如何在模板中将破折号显示为默认值？

问题描述

使用 Angular 8，我的 HTML 中有以下内容：

<span>{{post.category || '-'}}</span>

如果post.category为空，将显示破折号。这是有效的。

但我还有其他两种情况

<span>{{post.createdAt || '-' | date: 'yyyy-MM-dd'}}</span>. 

<span>{{post.classification || '-'}} points</span>

如果createdAt没有值，则不显示破折号......我知道这是因为管道。

如果classification没有价值'点'仍然显示......我知道这是因为点在'-'之外。

我该如何解决这个问题？

可以为此创建管道吗？

标签： angularangular8

解决方案

Simplest Solution is using ng-template

<span *ngIf="post.createdAt else dash">
  {{post.createdAt | date: 'yyyy-MM-dd'}}
</span>

<ng-template #dash>
  -
</ng-template>

推荐阅读