Question

我创建了一个简单的Bootstrap3布局，并希望在meteor中使用blaze模板，但我的模板中的内容总是在我的HTML结构之后呈现。

以下是代码：

<head>
  <title>demo app</title>
</head>

<body>
  {{#Layout template="mainLayout"}}
    {{#contentFor region="main-content"}}
      This is the main content area
    {{/contentFor}}
  {{/Layout}}
</body>

<template name="home">
  {{welcomeText}}
</template>

<template name="mainLayout">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">LOGO</div>
      <div class="col-sm-6">LOGIN BUTTONS</div>
    </div><!-- /header row -->
    <div class="row">
      <div class="col-sm-12">
        <!-- navigation -->
      </div>
    </div><!-- /nav row -->
    <div class="row">
      <div class="col-sm-12">
        {{> yield region="main-content"}}
      </div>
    </div><!-- /content row -->
  </div><!-- /container -->
</template>

JavaScript：

if (Meteor.isClient) {
  Template.home.welcomeText = function () {
    return "Welcome to my site.";
  };
}

当我运行它时，Bootstrap3结构工作正常但welcomeText在容器下面呈现。

Answer 1

似乎我忽略了将layoutTemplate选项传递到我的iron router路线 - 现在它可以正常工作。

Blaze布局总是在HTML结构之后呈现内容

1 个答案: