Question

我试图在Handlebars中发表if x in JSON声明。它有效，除了它没有返回正确的选项。这是index.html：

   {{#dinsdag}}
            {{#each uitval2}}
                {{@key}}
            {{/each}}
            {{#isIn 7 uitval2}}
                <p>klopt</p>
            {{else}}
                <p>mwah</p>
            {{/isIn}}
   {{/dinsdag}}

这是data.js：

$(function(){
    var templateScript = $("#entry-template").html();
    var theTemplate = Handlebars.compile(templateScript);
    var context = {  "dinsdag": {
                        "uitval2": {
                          "7": "1",
                          "9": "1",
                          "11": "1"
                        },}}
    var html = theTemplate(context);
    $('.test').html(html);
    $(document.body).append(html);
})

最后这是helper.js，问题应该在哪里。

Handlebars.registerHelper('isIn', function(waarde, inWaarde, options){
$.each($.parseJSON(JSON.stringify(inWaarde)), function(k, v) {
    if (parseInt(k) === parseInt(waarde)){
        console.log("true");
        return options.fn(this);
    }
});
    console.log("false");
    return options.inverse(this);

}）;

它确实在控制台中返回True，但它在呈现的HTML中返回else选项。

Answer 1

您正在each()函数内部返回，但这并不会使您的帮助程序返回false。

但您可以使用each()之外的标志来确定输出。像这样：

Handlebars.registerHelper('isIn', function(waarde, inWaarde, options){

    // Start with false assumption
    var isTrue = false;

    $.each($.parseJSON(JSON.stringify(inWaarde)), function(k, v) {
        if (parseInt(k) === parseInt(waarde)){

            // Set outer flag
            isTrue = true;

            // Break loop
            return false;
        }
    });


    if (isTrue) {
        return options.fn(this);
    } else {
        return options.inverse(this);
    }
});

来自文档（http://api.jquery.com/jquery.each/）的更多信息：

我们可以在特定的迭代中打破$ .each（）循环回调函数返回false。返回非假是与a相同在for循环中继续声明;它将立即跳到下一个迭代。

自定义Handlebars.js帮助程序不返回options.fn

1 个答案: