Question

我有这段代码：

Template.messageList.onCreated(function onCreated() {
    this.state = new ReactiveDict();
    this.state.setDefault({
        limit: 5
    });

    this.autorun(() => {
        this.subscribe('messages', {limit: this.state.get('limit')});
    });

});

Template.messageList.helpers({

    messages () {
        const instance = Template.instance();
        return Messages.find({}, MessagesFilter.common({limit: instance.state.get('limit')}));
    }

});

Template.messageList.events({
    'click .ui.button.more' (event, instance) {
        const limit = instance.state.get('limit');
        instance.state.set('limit', limit + 5);
    }
});

它的意图是无限卷轴，但它呈现出奇怪的事件。现在，当limit更改时，页面上的元素会重新加载。

看起来meteor正在重新订阅（这是文档所期望的），但这会重新加载所有文档，它会删除消息，然后使用新的limit值重新加载。

我该如何预防呢？我想要一个无限卷轴，但它现在的行为方式看起来是不可能的。

这是一个关于发生了什么的视频。 http://recordit.co/mlsGThOdHp

这是存储库： https://github.com/Sornii/sayito/tree/infinite-scroll

Answer 1

我改变了

this.autorun(() => {
    this.subscribe('messages', {limit: this.state.get('limit')});
});

要

Tracker.autorun(() => {
    this.subscribe('messages', {limit: this.state.get('limit')});
});

现在它按照我想要的方式工作。

在Meteor中重新订阅会重新加载所有项目

1 个答案: