在Fabricator JS Project中使用Handlebars JS

时间:2018-02-15 12:44:00

标签: javascript frameworks handlebars.js fabricator

我想在我的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对象。 此示例在没有制造商的情况下起作用,但在制造商内部没有显示输出。

制造商:http://fbrctr.github.io/ 把手:http://handlebarsjs.com

0 个答案:

没有答案