0

我创建了一个简单的 Bootstrap3 布局，并希望在流星中使用 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呈现在容器下方。

4

1 回答 1

0

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

于 2014-07-27T14:44:16.070 回答