angular - Firestore 中的动态限制？

Question

每次用户单击“查看更多”时，我希望能够通过更改 .limit 过滤器来更改显示的项目数。问题是当我更改变量时 .limit 似乎没有更新。这是一个已知问题吗？

typescript

clicks = 1;

this.activitiesCollection = this.afs.collection(activitiesPath, ref => {
    return ref.orderBy('date', 'desc').limit(3 * this.clicks)      //NOT CHANGING
});

this.activities = this.activitiesCollection.valueChanges();

clicker() {
    this.clicks++;
    console.log(this.clicks)       //UPDATING VARIABLE COUNT PROPERLY
}

HTML

<div *ngFor="let activity of activities | async">
    {{activity.name}}
</div>

<button (click)="clicker()">View more</button>

Answer 1

在 Github 上发布问题并回复 here .