javascript - 如何在 meteor 页面加载后调用函数

Question

我使用cursor.observechanges来查看mongo中是否插入了任何新记录，并在插入新记录时发出通知，它运行良好。但这里的问题是当我的应用程序第一次加载时，我收到这些通知警报，因为它观察到这些变化。当我点击下一页时也是如此。

cursor.observeChanges({
  added: function(id, object) {
    Notification.error('NEW Record',object);
    var audio = new Audio('audio.mp3');
    audio.play();
  }
});

所以我只需要在页面加载后调用这个函数。我尝试使用

Template.foo.onRendered(function () {
  cursor.observeChanges({
    added: function(id, object) {
      Notification.error('NEW Record',object);
      var audio = new Audio('audio.mp3');
      audio.play();
    }
  });
});

但它在我的情况下不起作用。有没有其他方法可以做到这一点。或者如果可能的话，我们如何设置 5 秒的时间并在该时间间隔后调用上述函数？ 任何帮助将不胜感激。谢谢!

Answer 1

根据docs Template#onRendered:

Register a function to be called when an instance of this template is inserted into the DOM.

尝试将代码包装在 Meteor.defer 中:

Template.foo.onRendered(function() {
  Meteor.defer(function() {
    cursor.observeChanges({
      added: function(id, object) {
        Notification.error('NEW Record',object);
        var audio = new Audio('audio.mp3');
        audio.play();
      }
    });
  })
});

如果没有帮助，请尝试将其包装在Meteor.setTimeout中:

Template.foo.onRendered(function() {
  Meteor.setTimeout(function() {
    cursor.observeChanges({
      added: function(id, object) {
        Notification.error('NEW Record',object);
        var audio = new Audio('audio.mp3');
        audio.play();
      }
    });
  }, 5000)
});