弱逻辑的Handlebar实现简单判断逻辑需要自定义Helper

最新推荐文章于 2020-04-29 21:04:28 发布

Albert__Lee

最新推荐文章于 2020-04-29 21:04:28 发布

阅读量1.3k

点赞数

本文链接：https://blog.youkuaiyun.com/pospospos2007/article/details/48339751

版权

本文介绍了如何在Handlebars模板引擎中通过定义自定义Helper来实现简单的条件判断逻辑，例如`isEqual`和`isNotEqual`。通过这些Helper，可以在页面上根据条件动态展示或禁用“合同”按钮。示例代码展示了在JavaScript中注册Helper以及在JSP页面上的应用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比如说我要在页面上当符合一些简单条件的情况下显示一个“合同”按钮，不符合的情况下“合同”按钮变灰：

首先要在JS里面定义helper：

app.js:

......

Handlebars.registerHelper( 'isEqual', function( value1,value2 ) {
return value1 == value2 ? true : false;
});

Handlebars.registerHelper( 'isNotEqual', function( value1,value2 ) {
return value1 != value2 ? true : false;
});

......

然后在JSP页面使用（别忘了页面要先引入Handlebar.js哦~）：

record.jsp:

......

<td>
{{#if (isEqual lastInvestorUserId investorUserId)}}
<button class="btn btn-success" style="padding:5px; padding-top:1px;padding-bottom:1px;" href="javascript:void(0)" οnclick="javascript:window.open('{{base}}/heTongContract?loanId={{loanId}}&loanInvestorId={{id}}','','dialogWidth=1024px;dialogHeight=768px,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=20,left=20,resizable=no')">合同</button>
{{/if}}

{{#if (isNotEqual lastInvestorUserId investorUserId)}}
<button style="padding:5px; padding-top:1px;padding-bottom:1px;" disabled="disabled">合同</button>
{{/if}}
</td>