Meteor.js - 暂时阻止模板重新呈现(禁用 react 性)

Question

我的应用程序中有一个页面，其中包含用户正在处理的项目列表。

当他们想要添加一个新项目时，我会显示一个模态表单来获取项目的名称。

如果他们单击“确定”，我将创建项目并使用 Meteor.Router 重定向到/project/[new project id]。

但是，就在重定向之前，我看到新项目名称自动出现在用户的项目列表中。

我想避免这种不必要的重新渲染，这会导致更新内容的短暂闪烁。

有没有办法阻止我的项目列表的模板重新呈现？

Answer 1

您可以将包含此内容的 html 放入 {{#constant}} block 中。 Docs on constant

例如

{{#constant}}
    {{#each ...}}
    ....
    {{/each}}
{{/constant}}

另一种选择是禁用模板助手中的 react 性，例如，如果您有

Template.home.mydata = function() { return MyCollection.find() }

将此更改为使用 reactive:false 作为选项

Template.home.mydata = function() { return MyCollection.find({}, {reactive:false}) }

这样会显示初始更改，但不会使用任何更新，因此不会重新呈现。