Question

我一直在研究我的流星应用程序。现在，如果我在主页上的主要内容是动态的，那将会很棒。我得到了这段代码：

main.html中

<head>
  <title>Taskmanager</title>
</head>
<body>
{{> navBar}}
{{> mainlayout}}
</body>

mainlayout.html

<template name="mainlayout">
<main>
{{> Template.dynamic template=main}}
</main>
</template>

routes.js

FlowRouter.route('/', {
name: 'home',
action: function() {
BlazeLayout.render('mainlayout', {main: 'noteOverview'});
}
});

noteoverview.html

<template name="noteOverview">
 <div class="container">
  <h3>Latest Tasks</h3>
 </div>
</template>

当我打开页面时，mainlayout不会加载noteoverview.html。我是否会遗漏某些内容？ Thanx任何帮助！

解决： 我忘了添加包：kadira：blaze-layout ....愚蠢的错误

Answer 1

我看到你的模板上有一个导航栏。

也许您的notesOverview模板上的<h3>Latest Tasks</h3>隐藏在导航栏后面。

尝试添加

body{ margin-top:80px; }

到您应用的样式表。

Answer 2

您是否尝试过打开此网址“http://localhost:3000/”？出现了什么？