x-handlebars-template js三元表达式

handlebars.js在实际应用中可能会涉及三元表达式的场景,三元运算这种高级货在handlebars js中是不存在的。

handlebars js网站对表达式的介绍已经很清楚了。

如何在x-handlebars-template中解决三元运算的需求呢,答案就在Handlebars.registerHelper()函数中。

在全局注意一个自定义方法,来处理三元运算的需求,如下所示:

Handlebars.registerHelper(' ternaryOperator', function(a,b,ok,ex) {
    return a > b ? ok : ex;
});

在x-handlebars-template模板中使用自定义函数,调用时注意x-handlebars js的语法(没有小括号没有逗号只有空格符):

<div>{{ternaryOperator 10 20 'yes' 'no'}}</div>

handlebar js在模板中提供的运算能力几乎没有,只有模板填充的概念

这是它的闪光点。如果,有运算处理需求,结合Handlebars.registerHelper函数,能将这种简单的模板大放异彩。