javascript - Handlebars 自定义助手卡在 "doesn' t 匹配每个"

Question

我想通过使用 Handlebars 使某些元素小写(我知道使用 CSS 是可能的，但例如你不能对类名这样做)。无论如何，我收到此错误:

Uncaught Error: toLowerCase doesn't match each

我的代码:

    <script id="icon-template" type="text/x-handlebars-template">
        {{#each results}}
        <li>
            <div class="content">
                    <i class="Icon icon-{{#toLowerCase contentType}}"></i>
            </div>
       </li>
       {{/each}}
    </script>

自定义助手:

<script type="text/javascript">
Handlebars.registerHelper("toLowerCase", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

我究竟做错了什么？

Answer 1

我想到了。对于任何有同样问题的人:

<script type="text/javascript">
handlebars.registerHelper("toLowerCase", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

Handlebars 首先必须有一个小写字母(例如: handlebars)，并且当您使用自定义帮助程序时不需要标签。所以自定义助手现在是 toLowerCase而不是 #toLowerCase

<script id="icon-template" type="text/x-handlebars-template">
    {{#each results}}
    <li>
        <div class="content">
                <i class="Icon icon-{{toLowerCase contentType}}"></i>
        </div>
   </li>
   {{/each}}
</script>