更新 html 流星？

Question

我正在尝试根据数据库中的项目（人员）数量输出估计时间（这是一个等待列表）。目前，我在名为 countNumber. 的快速表单中保存了一个值，每次都将其设置为 1。然后，我通过查找具有 countNumber = 1 的所有项目（所有项目）来获取所有项目的计数。然后我尝试使用 getElementById() 更新 html。

我遇到的问题是，当我将一个人添加到数据库时，估计时间会适当增加。但是，当我刷新页面时，html 重置为 0，就像放入的初始 html 一样。

如何解决此问题，以便 html 即使在刷新页面时也始终显示适当的时间？

Html代码：

<head>
    <title>Wait List</title>
</head>

<template name= "home">
    <body>
        <h2 id="insert">Approximate Wait Time: 0 Minutes</h2>
        <div class="col-lg-6 col-lg-offset-3">
            {{>quickForm id="studentForm" collection="Students" type="insert" template="bootstrap3-horizontal" label-class="col-sm-3" input-col-class="col-sm-9"}}
        </div>
    </body>
</template>

js代码：

AutoForm.hooks({
    studentForm:
{
    onSuccess: function (insert,result) {
        var totalCount = Students.find({countNumber:1}).count();
        var waitTime = "Approximate Wait Time: " + totalCount*15 +" Minutes";
        document.getElementById("insert").innerHTML = waitTime;

        ...

    },
}
});

Answer 1

你应该把它放到一个帮助程序而不是一个钩子中。

Template.home.helpers({
   waitTime: function(){
       var totalCount = Students.find({countNumber:1}).count();
       var waitTime = totalCount*15;
       return waitTime;
   }
});

并将 html 中的 <h2> 行更改为此。

<h2 id="insert">Approximate Wait Time: {{waitTIme}} Minutes</h2>

更新 html 流星？

Update html meteor?

javascript

html

meteor

meteor-autoform