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 に答える