在Meteoric中从ionSlideBox反应性地添加/删除幻灯片

在ionSlideBox中以反应方式添加/删除幻灯片时，我需要一些帮助。 我试图获得的功能如下： 用户可以添加一个或多个“产品”。每个产品条目都是一张幻灯片。添加所有这些幻灯片产品后，数据最终保存。 因此，首先，只有一个幻灯片在ionSlideBox中。用户单击“加号”按钮并添加一张幻灯片

{{#ionView}}
    {{#ionContent}}
      {{#ionSlideBox}}
          {{#each dynamicSlides}}
            {{#ionSlide}}
               <h4>Product #{{count}}</h4>
               {{! form to accept productInfo }}
            {{/ionSlide}}
          {{/each}}
      {{/ionSlideBox}}
    {{/ionContent}}
  {{/ionView}}  

Session.setDefault('slideCounter', 1);

Template.addProductList.helpers({
  dynamicSlides: function() {
    var counter = Session.get('slideCounter');
    TempData.insert({"count": counter, "productInfo": {} });
    return TempData.find();
  }
});

Template.plusButton.events({
  'click button#add-one-more': function() {
    Session.set('slideCounter', Session.get('slideCounter') + 1);
    TempData.insert({"count": Session.get('slideCounter'), "productInfo": {} });
  }
})

但是额外的幻灯片不会反应性地添加到ionSlideBox中。该视图仅显示默认的产品1，尽管通过plusButton事件添加了更多的幻灯片产品。 我知道这里有点不对劲，但我不知道是什么。如有任何帮助/建议，将不胜感激

另外，如何在Meteor中使用$ionicSlideBoxDelegate等效方法？ 具体来说，ionic angualar的$ionicSlideBoxDelegate.update的流星等价物是什么

谢谢。

Meteoric正在用它来制作ionSlideBox

若要以反应方式添加幻灯片，需要使用collection.observe来处理集合更改

Template.yourTemplateName.onCreated(function() {
  yourCollection.find().observe({
    added: function (document) {
      var $slideBox = $('.ion-slide-box');
      var html = "your html here";
      $slideBox.slick('slickAdd',html);
    }
  });
});