handlebars.js - 如何在handlebarjs中加载json文件

Question

我需要从 json 中获取内容并将其呈现给我的模板。我尝试使用内联 json 格式，它工作正常。请帮我加载位于其他目录或其他服务器的外部 json 文件。

内联脚本

  var src = document.getElementById("semantic-template").innerHTML;
  var tmpl = Handlebars.compile(src);
  var json = {"leagueName":"American League", "abbr":"AL", "teams":[
            {"teamName":"Tampa Bay", "w":96, "l":66},
            {"teamName":"NY Yankees", "w":95, "l":67}};
   document.getElementById("content-template").innerHTML = tmpl(json);

HTML

  <div id="content-template"></div>
  <script id="semantic-template" type="text/x-handlebars-template">
   <caption>{{leagueName}}</caption>
  </script>

我的外部 json 格式

[{
    "pics" : "images/item-1.png",
    "label" : "Careers",
    "text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}]

请为此提供建议

Answer 1

尝试使用 jquery 方法 getJson 并且数据显示在我的视图中

 $.getJSON("assests/json/carousel-data.json", function(data) {
    $("#content-template").html(tmpl({objects:data}));
 });