Question

我目前陷入错误，我无法弄清问题是什么。我正在尝试动态编译从页面上的div中提取的模板，为其分配内容并将其显示在我页面上的特定div中。

我目前的代码如下所示：

var element = $('#project-list-template');
template = Handlebars.compile(element.html());
console.log('template', template);
$('#detail').html(template({object: projects}));

执行第四行会引发以下错误：

TypeError: inverse is not a function

模板的console.log提供：

template function ret()

这对我来说似乎没问题，当然它正在返回一个函数。有关信息，element.html（）值如下：

<div class="resources-list project-detail-active">
        <h2 class="text-uppercase">Liste des projets</h2>
        <div id="projects">
            {{#each object "ul"}}
            <li>
              <a onclick="displayProject('#detail', &quot;{{'@id'}}&quot;,  '#project-detail-template')">
                <h2>
                  {{project_title}}
                </h2>
                <p>
                  {{project_description}}
                </p>
              </a>
            </li>
            {{/each}}
        </div>
      </div>

如果您对我有任何疑问，请与我联系。

Answer 1

我确实找到了我的问题。我只是在每个助手

中添加了一个无用的参数

{{#each object "ul"}}

时无法正常工作

{{#each object}}

一样。我最初使用的是个人助手，我确实使用了这个第二个参数，所以这是一个复制/粘贴错误，花了我2个小时......

Handlebars问题：TypeError：inverse不是编译时的函数

1 个答案: