返回介绍

模板 - 条件表达式

发布于 2020-02-21 15:48:02 字数 1150 浏览 969 评论 0 收藏 0

英文原文:http://emberjs.com/guides/templates/conditionals/

有些时候,或许我们只希望在一个属性存在的时候显示一部分模板。

这时,我们就可以使用{{#if}}助手按条件渲染一个代码块,如下所示:

1
2
3
{{#if person}}
  Welcome back, <b>{{person.firstName}} {{person.lastName}}</b>!
{{/if}}

如果传入的参数的值是false,undefined,null或者[](例如,任何"假"值),那么Handlebars将不会渲染这个代码块。

如果表达式的值为假,我们也可以使用{{else}}助手显示另外一个模板,如下所示:

1
2
3
4
5
{{#if person}}
  Welcome back, <b>{{person.firstName}} {{person.lastName}}</b>!
{{else}}
  Please log in.
{{/if}}

如果只希望在一个值为假的时候渲染一个区块,那么应该使用{{#unless}}助手:

1
2
3
{{#unless hasPaid}}
  You owe: ${{total}}
{{/unless}}

{{#if}}{{#unless}}都是块表达式的例子。通过使用他们可以只执行模板的一部分。块表达式与普通的表达式类似, 不同的地方只在于:在助手名称前面需要有一个#,并且需要一个结束表达式。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文