Handlebars辅助函数if的扩展
来源:互联网 发布:西村由纪江知乎 编辑:程序博客网 时间:2024/06/05 02:54
handlebars在JS渲染html的时候功能非常强大,有许多内置的函数供使用,比如说 if 函数,
{{#if data}}<div></div>{{/if}}就可以判断在存在data的时候渲染内部html,这就是一个简单的 if 函数
但总不可能所有的逻辑都能考虑到,如果if里面还有一些复杂的逻辑,就不能处理了,所以就有了一些自定义函数
Handlebars.registerHelper("ifExpress",function(a,b,options){
if(a b){
//a 和b满足一定的关系return options.fn(this);//这个就相当于满足这个条件,执行ifExpress下面的一段代码//options.fn(this)表示选择这个
}else{
return options.inverse(this);//表示不选择这个,选择else
}
});
在模版中的用法就是
{{#ifExpress a b}}
<div>11</div> //满足条件输出此内容
{{else}}
<div>22</div>//不满足条件时候
{{#ifExpress}}
此时这个辅助函数就相当于一个if函数,只是有了更多的逻辑,由于有了options,表明此helper相当于一个block块,有一定的语法结构,要加#,不像一般的help不需要#号就可以调用(供自己记录所用)
原文链接 http://www.cnblogs.com/iyangyuan/p/3471350.html
0 0
- Handlebars辅助函数if的扩展
- handlebars.js 注册if扩展
- Handlebars.js if 功能扩展
- handlebars-----if的基本用法
- Handlebars的if用法和@index用法
- handlebars-----由于if的条件不足引出的helper
- HtmlHelper类的辅助和扩展方法
- Handlebars的registerHelper方法实现if标签判断是否等于某个特定值
- js模版引擎handlebars.js实用教程——if-判断的基本用法
- js模版引擎handlebars.js实用教程——由于if功力不足引出的Helper
- js模版引擎handlebars.js实用教程——由于if功力不足引出的Helper
- js模板引擎库mustache中类似if判断的处理 及handlebars.js
- js模版引擎handlebars.js实用教程——if-判断的基本用法
- 获得文件大小的辅助函数
- 迭代器的辅助函数实例
- 常见辅助函数的理解
- handlebars的使用
- handlebars的理解
- json-lib(ezmorph)、gson、flexJson、fastjson、jackson对比,实现java转json,json转java
- Linux中sed和awk的使用及其相关实例解析
- Hibernate打印SQL及附加参数(log4j配置)
- [第3天]程序的控制结构——循环例题02
- 发送到发疯发射点发
- Handlebars辅助函数if的扩展
- JS判断是否为null(且只为null)
- C++资料集录
- 汽车百科系列之(十一): 汽车天窗是干嘛用的
- Python 大全
- Linux中shell文件操作大全
- Github上最受关注的国外前端大牛
- Android联系人读取操作笔记
- NSRunLoop 完整篇