handlebar的helper应用

// 注册一个比较是否相等的Helper,判断v1是否等于v2
Handlebars.registerHelper("equal", function(v1, v2, options) {
    if (v1 = v2) {
        return options.fn(this);
    } else {

        return options.inverse(this);
    }
});

Handlebars.registerHelper('expression', function() {
    var exps = [];
    try {
        // 最后一个参数作为展示内容,也就是平时的options。不作为逻辑表达式部分
        var arg_len = arguments.length;
        var len = arg_len - 1;
        for (var j = 0; j < len; j++) {
            exps.push(arguments[j]);
        }
        var result = eval(exps.join(''));
        if (result) {
            return arguments[len].fn(this);
        } else {
            return arguments[len].inverse(this);
        }
    } catch (e) {
        throw new Error('Handlerbars Helper "expression" can not deal with wrong expression:' + exps.join(' ') + ".");
    }

});


应用实例

{{#expression "'" subject "'=='企业公文'" " && " "'" taskName "'=='部门领导审批'" " && " "'" isManager "'=='Y'"}}


Handlebars.js是一个JavaScript模板引擎,可以将数据和模板合并生成HTML字符串。如果要使用Handlebars.js,需要先引入它的库文件,如下所示: ```html <script src="https://cdn.jsdelivr.net/npm/handlebars/dist/handlebars.min.js"></script> ``` 接下来,创建一个Handlebars模板,可以在HTML文件中使用`<script>`标签定义,也可以在JavaScript代码中定义。以下是一个简单的模板示例: ```html <script id="my-template" type="text/x-handlebars-template"> <div class="user"> <h2>{{name}}</h2> <p>{{email}}</p> </div> </script> ``` 这个模板定义了一个`<div>`元素,其中包含一个标题和一个段落,标题和段落的内容分别为模板中的`{{name}}`和`{{email}}`。 要将数据和模板合并生成HTML字符串,需要使用Handlebars的compile函数。以下是一个简单的示例: ```javascript // 获取模板 var source = document.getElementById('my-template').innerHTML; // 编译模板 var template = Handlebars.compile(source); // 定义数据 var data = { name: '张三', email: 'zhangsan@example.com' }; // 合并数据和模板,生成HTML字符串 var html = template(data); // 将HTML字符串插入到DOM中 document.getElementById('user-list').innerHTML = html; ``` 在这个示例中,首先从HTML文件中获取模板,然后使用Handlebars.compile函数编译模板。接着定义数据对象,最后使用模板和数据对象合并生成HTML字符串,并将HTML字符串插入到DOM中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值