javascript - 将 JSON 传递给 Backbone.Marionette View 的模板

Question

因此，我正在尝试对我的模板之一实现一些 Handlebars 指令，但我有点不知道如何将 JSON 传递给模板，以便它可以在指令中使用它。

目前我的 View 中有这个:

application = require 'application'
template = require('views/templates/appLayout')

module.exports = class AppLayout extends Backbone.Marionette.Layout
    template: template, loggedin: true
    el: "body"

    regions:
        content: "#content"

在 View 的模板中:

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="#"><i class="icon-leaf"> </i> Application</a>

      <div class="nav-collapse"><!-- Other nav bar content -->

        <!-- The drop down menu -->
        <ul class="nav pull-right">
            {{#if loggedin}}
              <h1>Welcome back!</h1>
            {{else}}
                <input id="login" type="email" placeholder="E-mail" class="flat">
              <input id="password_login" type="password" placeholder="Password" class="flat">
              <button class="btn btn-primary btn-mini login btn-embossed">Sign in</button>
              <button class="btn btn-danger btn-mini register btn-embossed ">Sign up</button>
            {{/if}}
        </ul>
      </div>

    </div>
  </div>
</div>

<div id="content" class="container"></div>

现在模板的 else block 正在渲染，但我希望 if block 得到渲染。有谁知道如何正确实现这个？

Answer 1

您需要定义布局的 serializeData 来发送您需要的 JSON。您可以在此处查看示例:https://github.com/davidsulc/marionette-gentle-introduction/blob/master/assets/js/common/views.js

文档:https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.view.md#viewserializedata