流星取消订阅客户端上的集合

Meteor unsubscribe from Collection on Client

本文关键字：集合 客户端 取消 流星      更新时间：2023-09-26

我正在尝试在不使用外部库的情况下在我的应用程序中实现分页，但我遇到了问题。我看到了其他一些关于此的主题，但它们似乎不适用于我的用例（或者完全遇到了不同的问题）。这是我的模板。

{{#if Template.subscriptionsReady}}
  {{#each posts}}
    {{> postPreview}}
    <hr>
  {{/each}}
{{else}}
  {{> spinner}}
{{/if}}
<!-- Pager -->
<ul class="pager">
  {{#if showNewerPostsButton}}
    <li class="previous previousButton">
      <a>&larr; Newer Posts </a>
    </li>
  {{/if}}
  {{#if showOlderPostsButton}}
    <li class="next nextButton">
      <a>Older Posts &rarr;</a>
    </li>
  {{/if}}
</ul>

基本上，它应该的工作方式是，当用户单击其中一个按钮时，服务器应该获取记录集中的下一项，并"理想地"更新订阅以匹配。我在使订阅记录集与我想要的匹配时遇到问题：看起来 Meteor 会不断收集每个新订阅的记录。

Template.postsList.events({
  'click .nextButton': (e) => {
    let page = parseInt(FlowRouter.getParam('page'));
    if (page === undefined || isNaN(page)) {
      page = 0;
    }
    FlowRouter.setParams({ page: page + 1 });
  },
  'click .previousButton': (e) => {
    let page = parseInt(FlowRouter.getParam('page'));
    if (page === undefined || isNaN(page) || page < 1) {
      page = 1;
    }
    FlowRouter.setParams({ page: page - 1 });
  },
});

现在，当我单击按钮时，我很确定正在发生的事情是 Meteor 看到了我对FlowRouter参数的更改并运行了我的template.autorun（下图）。我解决这个问题的第一个想法是使用 Meteor.subscribe() 返回的handle来handle.stop()订阅。不幸的是，似乎在此函数中，this.subscribe() 和 Meteor.subscribe() 都没有返回可用于handle.stop()订阅的实际句柄，而是返回一个subscriptionId字符串。我不知道如何使用这个字符串，或者是否可以使用它。

Template.postsList.onCreated(function () {
  var self = this;
  self.autorun(function () {
    var page = parseInt(FlowRouter.getParam('page'));
    if (page == undefined || page < 0 || isNaN(page)) {
      page = 0;
    }
    var handle = Session.get('postPreviewsHandle');
    if (handle) {
      console.dir(handle);
      handle.stop(); // Error! Function doesn't exist because this is only a string
    }
    // Meteor.subscribe() behaves the same way here
    handle = self.subscribe('postPreviews', page);
    Session.set('postPreviewsHandle', handle);
  });
});

我这样做对吗？任何帮助我指出正确的方向都会非常棒——我一直在尝试让分页工作几天，并不断遇到障碍。

我不知道

会话变量是否可以存储handle，但您可以尝试将其添加到模板实例（ self ）

Template.postsList.onCreated(function () {
  var self = this;
  self.autorun(function () {
    var page = parseInt(FlowRouter.getParam('page'));
    if (page == undefined || page < 0 || isNaN(page)) {
      page = 0;
    }
    var handle = self.handle;
    if (handle) {
      console.dir(handle);
      handle.stop();
    }
    self.handle = self.subscribe('postPreviews', page);
  });
});
相关文章：