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

标签 javascript templates binding angularjs default

我有一个模板绑定(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>

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

最佳答案

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

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

关于javascript - 如果绑定(bind)空/未定义(带过滤器),Angularjs模板默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16523076/

相关文章:

javascript - 如何循环遍历数组/关于点击事件目标的问题

javascript - 如何将 javascript 字典转换为编码的 url 字符串?

javascript - 如何在不使用 image.src 或 image.onload 的情况下将 png base 64 转换为像素数组?

javascript - 在所有网页上和刷新后使用 javascript 保持更改

c++ - 在参数列表中使用std::enable_if

c++ - 编译器通过使用模板元编程技术执行哪些优化,可以超越运行时代码?

c# - WPF - 绑定(bind)到另一个对象内的自定义对象的属性

c++析构子类中的段错误

wpf - 当 Button.CommandProperty 为空时如何禁用按钮

wpf - DependencyProperty 值未通过数据绑定(bind)设置