3

我不知道为什么，但我的布局被渲染了两次。

这是我的 index.html：

<head>
  <title>title</title>
</head>

<body>
  {{>layout}}
</body>

这是我的布局：

<template name="layout">
  {{#if canShow}}
    {{>Template.dynamic template=content}}
  {{else}}
    {{> loginButtons}}
  {{/if}}
</template>

所以在这里没有路线我的模板只显示一次。

这是我的路线：

FlowRouter.route('/', {
  action() {
    BlazeLayout.render("layout", {
      content: "home"
    });
  }
});

但是通过这条路线，我的模板将再次显示。

这是我的帮手，我认为与这个问题无关，但我们永远不知道。

Template.home.onCreated(function() {
  this.autorun(() => {
    this.subscribe('post');
  });
});


Template.layout.helpers({
  canShow() {
    return !!Meteor.user();
  }
});


Template.home.helpers({
  cats() {
    return Posts.find({});
  }
});
4

1 回答 1

4

您不需要在正文中呈现布局。

路由器将负责渲染。

所以，只要有

<body>
</body>

或者根本没有。

编辑：感谢基思，我对我的问题有了更好的理解。这是他的评论：

需要记住的一件事是，您在流星中编写的所有 html 都不会保留为 html。这一切都被转换为javascript。index.html 之类的东西不会被推送到浏览器。Meteor 只需将您编写的所有 html 转换为 javascript 并根据您的代码内容呈现它需要的内容。这就是它知道动态更改和重新渲染 html 的方式

对于诸如更改头部标题或添加元等的事情，我们可以直接在 javascript 中完成。

例如：Meteor - 设置文档标题

于 2015-10-26T22:19:33.020 回答