Angular 2 / Firebase - 使用ngFor，防止新数据自动加载，直到用户刷新

Question

我使用的是Angular 2和firebase。目前我有一个项目列表，当用户使用文本框添加到该列表时，该项目会自动添加到该列表而不刷新，这很好，但不是我想要的..我不希望列表到增长，但告诉用户x new items available. click to refresh ..如果这是有意义的..

这是我的html：

<div *ngFor="let post of postFeed.reverse()"></div>

这会自动加载我的数据。

这是我的ts：

this.subscription = this.database.database.ref('/posts/'+this.userData.uid)
      .orderByChild('created')
      .startAt(new Date().getTime() - (24 * 3600 * 1000)) //last 24 hrs
      .limitToLast(10);
      this.subscription.on('child_added', (snapshot) => {
            this.postFeed.push(snapshot.val())
      });

我希望将其保留为.on，因为post有其他变量，如upvoting / downvoting，如果我删除了on，他们就不会自动加载..

我怎么能这样做而不是在添加时加载最新的postFeed，而是告诉用户有新帖子以及是否要加载它...

谢谢！我希望我的问题很明确。