在jQuery中渲染车把帮手

Question

我正在尝试使用jquery将片段添加到我的主模板（把手）中

var appendToDiv = function(data){
   return `
       <div class='some class'>
          {{{formatDate ${data.created_at} 'MMM DD YYYY'}}}
        </div>
    `
}

其中formatDate是一个车把帮助器。

$('#content').append(appendToDiv(data))

这里的问题是，把手助手没有被编译。希望这个问题足够清楚。任何帮助将不胜感激。预先感谢

Answer 1

这就是我最终解决之道。

在主模板文件index.handlebars中，我创建了这样的局部文件

<div id='content'></div>

<script id="template" type="text/x-handlebars-template">
    <div class="someclass">
       {{formatDate mydate 'MM DD YYYY'}}
    </div>
</script>

在js文件中，

var template = document.getElementById('template')
var view = Handlebars.compile(template)
var templateToDisplay = view(mydate)
$('#content').append(templateToDisplay)

希望其他人觉得这有用。