判断
使用{{#if xx}} {{/if}}
,xx
是条件。判断xx
是否存在。
var obj = {
nav: [
{ title: 'JS插件', url: '/javascript.html' }
, { title: '', url: '/javascript.html' }
, { url: '/javascript.html' }
]
}
var htmlTemplate = '<ul>\
{{#each nav}}\
{{#if title}}\
<li><a href="{{url}}">{{title}}</a></li>\
{{/if}}\
{{/each}}\
</ul>';
var template = Handlebars.compile( htmlTemplate );
console.log( template( obj ) );
// 返回结构如下
/*
<ul>
<li><a href="/javascript.html">JS插件</a></li>
</ul>
*/
以上实例,将title
为空或不存在的直接过滤掉。