javascript - Backbone.js 使用下划线在模板中显示 JSON

Question

我对 BackboneJs 还很陌生，我真的迷失了方向，面对这个可能很简单的问题一整天都迷失了。

我尝试创建一个离线运行的应用程序。所以我不使用任何模型或集合，以及 .save、.fetch 等奇怪的东西。 我只将 Backbone 用于历史记录、结构和模板系统。

我的问题是。我有一些 JSON，如何在我的模板中显示它？

• 我的观点是，一切都正常。我的 json 在 jsonVar 中。

  window.ExposView = Backbone.View.extend({
      template:_.template($('#expos').html()),
      render:function (eventName) {
          console.log(jsonVar); // it's ok here
          $(this.el).html(this.template(),{"output":jsonVar});
          return this;
      }
  });
  

• 我的模板(同时使用 jQuery mobile)，我希望我的 Json 在那里显示。

  <script type="text/tempate" id="expos">
      <div data-role="header" class="header">
          <a href="#" data-icon="back" class="back ui-btn-left">Back</a>
      </div>
      <div data-role="content" class="content">
          <%= output %>
      </div>
  </script>
  

错误:输出未定义..好吧

另一个问题。 如果我的模板奇迹般地收到了 json 输出，我如何使用 underscoreJs 显示它？

感谢您的宝贵时间， 周末愉快。

Answer 1

你们很接近。您只需使用对象调用模板函数即可。

$(this.el).html(this.template({"output":jsonVar}));