模板在流星应用程序中附加了另一个模板

Question

我一直在尝试 link 两页。但是，每当我单击 link 转到另一个页面时，它都会在同一页面中呈现模板。

第一个模板。

<template name = "home">
  <p>Hello, {{emailAddress}}</p>
  <a href="/create">To create</a>
  <p><a href="#" class="logout">Click to Log out</a></p>
</template>

第二个模板。

<head>
  <title>Create your page here</title>
</head>
<body>
  {{> create}}
</body>

<template name = "create">
  <p>Hi, create your page here!!</p>
</template>

并且 router.js 文件是..

this.route('create',{
  path:'/create',
});

它是什么的快照，在图像中。 http://imgur.com/Ss4tanl

Answer 1

第 1 步：删除 <body> 标签。 Iron router 通过附加到正文来工作，所以正如您所体验的那样，无论您在其中添加什么，都会始终出现在每一页上。一般最好不要用一个，而是靠layouts.

第 2 步：定义所有路线。将 router.js 的内容替换为：

Router.route('/', function () {
  this.render('home');
});

Router.route('/create');

有关详细信息，请参阅 guide。

模板在流星应用程序中附加了另一个模板

Template appends with another template in meteor app

meteor

iron-router