Question

我开始学习流星，我确实设置了一个小型测试项目。我制作了一个像test.html这样的简单模板：

<head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>Test</title>

</head>
<body>

 {{> TestPage}}

</body>
<template name="TestPage">
    <p>hello</p>
</template>

我还安装了iron-router，我尝试设置路线。然后我用meteor run检查，一切正常，我得到一个带有hello文字符号的普通页面。之后我想尝试创建简单的登录页面，我添加了meteor add accounts-ui accounts-password。之后，当我尝试加载页面时，hello显示两次。所以我去了js部分尝试了解发生了什么。这是完整的test.js：

var textMessage = "";
var textMessageDep = new Deps.Dependency;

var getTextMessage = function()
{
    textMessageDep.depend();
    return textMessage;
};
var setTextMessage = function (newValue) {
    if (newValue !== textMessage)
        textMessageDep.changed();
    textMessage = newValue;
};
Template.TestPage.onRendered(function () {
   console.log('on rendered');
});
Template.TestPage.onCreated(function () {
    console.log('on created');
});

因此，我设法在js控制台中获得以下输出：

on created
on created
on rendered

由于某种原因，

On created事件被调用了两次，这就是为什么我得到两个模板渲染副本的原因。如何正确克服这个问题？我假设流星等待Meteor.Users收集准备好了吗？我甚至没有为这个系列添加任何用户。

这也是我的路由器配置的样子：

Router.map(function() {
    this.route('/', {
        onBeforeAction: function () {
        // here planned to add 
        // if(!Meteor.user()) {}
        // 
               this.render('TestPage'); 
        }

    });
});

Answer 1

这是因为您要求Meteor两次渲染模板。默认情况下，meteor会首先加载带有body标记的任何文件，此时您放置TestPage模板的文件。然后，您为onBeforeAction添加了TestPage另一个呈现，因此页面上会显示另一个TestPage。解决此问题的一种方法是删除onBeforeAction

中的一个

正确的方法是指定要在路由器中呈现的模板

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

并删除body

中的那个

添加accounts-ui包

1 个答案: