我有一个模板绑定,它使用 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>
如何在日期过滤器旁边使用二元运算符?
原来我需要做的就是将表达式的左侧括在软括号中:
<span class="gallery-date">{{(gallery.date | date:'mediumDate') || "Various"}}</span>