流星全頁刷新，加載更多按鈕（Iron-Router）

Question

我的Meteor應用程序似乎在一條新路線上令人耳目一新，我在跟蹤Discover Meteor時添加了iron-router-progress。

此處的網址-http: //thusstyles.meteor.com/

Github URL-github.com/ThusStyles/diccoverMeteor

發現流星URL- http://meteor-book-chapter12-5.meteor.com/

單擊“加載更多”按鈕時，礦井似乎跳到頂部。

Answer 1

這是因為您使用waitOn而不是subscriptions 。 waitOn將嘗試呈現加載模板，而訂閱仍將訂閱但不會觸發加載模板，因此不會引起閃爍。

但是，這還將在訂閱准備就緒之前呈現頁面。 因此，您需要跟蹤訂閱的就緒狀態。 請參閱“發現流星”示例。 請注意，數據返回this.postsSub.ready，該數據在訂閱下設置。

PostsListController = RouteController.extend({
template: 'postsList',
increment: 5,
postsLimit: function() {
return parseInt(this.params.postsLimit) || this.increment;
},
findOptions: function() {
return {sort: {submitted: -1}, limit: this.postsLimit()};
},
subscriptions: function() {
this.postsSub = Meteor.subscribe('posts', this.findOptions());
},
posts: function() {
return Posts.find({}, this.findOptions());
},
data: function() {
var hasMore = this.posts().count() === this.postsLimit();
var nextPath = this.route.path({postsLimit: this.postsLimit() + this.increm
ent});
return {
posts: this.posts(),
ready: this.postsSub.ready,
nextPath: hasMore ? nextPath : null
};
}
});

在GitHub上查看完整示例： https : //github.com/DiscoverMeteor/Microscope/commit/chapter12-5