Handlebars的registerHelper方法实现if标签判断是否等于某个特定值

我们发现,Handlebars的模板标签中,{{#if condition}}{{/if}}只能判断这个condition是否为true和false,并不能判断是否等于某个特定的值。

我们可以借助Handlebars的registerHelper方法来实现。

举个 例子:

我取得的数据有个字段status,这个字段可能是0,1,2  当等于0时要再页面上显示 ‘可用’ ,当等于1时,在页面上显示‘不可用’,当等于2时页面显示‘保留’,其他情况下显示‘unknow’.

下面是在js里面的registerHelper的代码:

var template = Handlebars.compile(source);  //source是html模板文件 这边就省略了
var data = {status : 0};
Handlebars.registerHelper(‘state’,function() { //这边的state是等下要用在模板文件里面的
if(data.status == 0){
return ‘可用’;
}else if(data.status == 1){
return ‘不可用’;
}else if(data.status == 2){
return ‘保留’;
}else{
return ‘Unknow’;
}

});
$(“#yourDom”).html(template(data));


然后是要再模板文件里的调用:

当前状态:{{state}}


打完收工.可以看下结果了

原文链接:http://www.wyfans.com/archives/1180

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值