入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:40:29 | 368 次阅读 | 评论: 0 | 来源: 网络整理

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

这时,我们就可以使用{{#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}}都是块表达式的例子。通过使用他们可以只执行模板的一部分。块表达式与普通的表达式类似, 不同的地方只在于:在助手名称前面需要有一个#,并且需要一个结束表达式。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务