解决handlebars each表达式查不到父属性问题（handlebars不支持递归查找的问题）

本文主要是介绍解决handlebars each表达式查不到父属性问题（handlebars不支持递归查找的问题），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

handlebars是个前端模版组件。特别是在js渲染dom的时候比较好用

比如我有个数据:

{"list": [{"id": 1,"name": "test1"}, {"id": 2,"name": "test2"}],"type": "score"}

 

 

在handlebars直接写each就好

 

 

{{#each list}}
user {{name}} id is {{id}}
list type is {{type}}{{/each}}

但是handlebars不会递归查找，也就是说在each作用域里面只能取到list元素的属性，直接写外部属性type是不行的。

要改成这样：

 

{{#each list}}
user {{name}} id is {{id}}
list type is {{../type}}{{/each}}

 

另外，handlebars不支持业务逻辑，连a==1这种都不支持，如果要做这样的逻辑判断，就要自定义函数

 

 

Handlebars.registerHelper('ifEq', function(arg1, arg2, options) {return (arg1 == arg2) ? options.fn(this) : options.inverse(this);
});

用法：

{{#ifEq type 'score'}}

{{/ifEq}}

这篇关于解决handlebars each表达式查不到父属性问题（handlebars不支持递归查找的问题）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---