小编典典

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

all

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

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

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

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

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

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

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

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


阅读 59

收藏
2022-07-18

共1个答案

小编典典

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

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