使用handlebars.js自定义帮助器功能渲染嵌套属性

时间:2019-01-13 18:35:46

标签: javascript handlebars.js handlebarshelper nested-properties

我希望能够使用handlebars.js渲染深层嵌套的属性,但是我对方法一无所知。我编写了一个递归函数,该函数动态地将这些属性嵌套在div周围,但是我尝试将其转换为辅助函数的尝试并未成功。

var handlebarsTemplate = "<div id='{{comment.id}}'>{{comment.value}}{{some comment}}</div>"

var post = {
comment:{
id:"123", value: "hello handlebars windows page",
newArray: [{id:"321", value: "hey", newArray:[{id:"444", value:"hullo", newArray:[]}]}]
}
}

Handlebars.registerHelper("some", function iter(obj){
    if(obj.newArray.length!==0){
        for(var i=0;i<obj.newArray.length;i++){
            var psot = document.createElement("div");
            psot.id = obj.newArray[i].id
            psot.innerHTML = obj.newArray[i].value;
            var theIdd = obj.id
            var dives = document.getElementById(theIdd);
                    dives.appendChild(psot);
            iter(obj.newArray[i])
        }
    }
})

我要去哪里错了?请帮帮我。

0 个答案:

没有答案