在Meteor reactive-table中显示加载程序，直到数据为客户端准备好

Question

我已将meteor reactive-table https://github.com/aslagle/reactive-table用于节目数据列表。如何在设置代码中使用ready: ReactiveVar(Boolean)选项？

Answer 1

假设您的被动表正在显示订阅数据。然后，您将获得该订阅的ready()状态通知反应表。

Template.myTemplate.onCreated(function(){
  this.mySub = Meteor.subscribe('mySubscription');
});

Template.myTemplate.helpers({
  settings: function () {
    return {
      collection: collection,
      rowsPerPage: 10,
      showFilter: true,
      fields: ['name', 'location', 'year'],
      ready: this.mySub.ready(),
    };
  }
});

请注意，这需要您在服务器上使用ReactiveTable.publish。

Answer 2

使用 ReactiveVar ，我们可以预订订阅。

Template.myTemplate.onCreated(function(){
  this.isSubscriptionReady = new ReactiveVar(false);
});

Template.myTemplate.helpers({
  settings: function () {
    return {
      collection: collection,
      rowsPerPage: 10,
      showFilter: true,
      fields: ['name', 'location', 'year'],
      ready: Template.instance().isSubscriptionReady
    };
  },
  isSubscriptionReady: function () {
     return Template.instance().isSubscriptionReady.get();
  }
});