javascript - 如果绑定(bind)空/未定义(带过滤器)，Angularjs模板默认值

Question

我有一个模板绑定(bind)，它使用 Angular 的日期过滤器显示一个名为“date”的模型属性，它是一个日期。

<span class="gallery-date">{{gallery.date | date:'mediumDate'}}</span>

到目前为止一切顺利。但是目前，如果日期字段中没有值，则绑定(bind)不会显示任何内容。但是，如果没有日期，我希望它显示字符串“Various”。

我可以使用二元运算符得到基本逻辑:

<span class="gallery-date">{{gallery.date || 'Various'}}</span>

但是我无法让它与日期过滤器一起使用:

<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Various"}}</span>

如何在日期过滤器旁边使用二元运算符？

Answer 1

原来我需要做的就是将表达式的左侧用软括号括起来:

<span class="gallery-date">{{(gallery.date | date:'mediumDate') || "Various"}}</span>