我想在我的Fabricator JS项目中使用Handlebars JS。
我已经用把手作为一个独立的解决方案开发了这个项目,并在功能上完成了它。
当我在Fabricator中安装它时,我得到一个空白页面,我的把手{{}}
标签是空的。有谁知道如何一起使用这两个插件?
HTML:
<div class="output-div"></div>
<script type="text/x-handlebars-template" id="my-template">
{{#header}}
<th scope="col" data-tablesaw-priority="persist">{{title}}</th>
<th scope="col" data-tablesaw-priority="2">{{type}}</th>
<th scope="col" data-tablesaw-priority="3">{{date}}</th>
<th scope="col" data-tablesaw-priority="4">{{dateExpired}}</th>
{{/header}}
</script>
json文件:
{
"header": [
{
"title": "Titel",
"type": "Typ",
"date": "Erstellung",
"dateExpired": "Gueltig bis"
}
]
}
JS:
source = $('#my-template').html();
template = Handlebars.compile(source)(json_data);
$('.output-div').append(template);
变量(json_data)是内部有json数据的ajax对象。 此示例在没有制造商的情况下起作用,但在制造商内部没有显示输出。