Meteor.js - 暂时阻止模板重新渲染(禁用反应性)

时间:2013-04-16 09:49:16

标签: meteor

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

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

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

但是,在重定向之前,我会自动将新项目名称显示给用户的项目列表。

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

有没有办法阻止我的项目列表的模板重新渲染?

2 个答案:

答案 0 :(得分:4)

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

e.g

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

另一种选择是禁用模板助手中的反应性,例如,如果你有

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

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

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

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

答案 1 :(得分:0)

我发现在调用方法后在事件处理程序中使用cancel会取消反应链。

Template.questionTeaser.events({
  "click .vote_add": function(event, template){
    Meteor.call('vote_add', this._id, this.session)

    // This cancels the chain of reactivity.
    return false
  },
})

我将它用于以下用例:

用户会看到按投票排序的问题列表 用户可以upvote 在upvote之后,列表被重新呈现/排序但在页面右侧倒计时,因此用户知道他无法点击一秒钟。