Getting data from Firestore and Fetching

news.component.html

<div>
  <div *ngFor="let article of articles | async">
     <h1>{{article.title}}</h1>
     <p><{{article.content}}/p>
       <p>{{article.created_at}}</p>
  </div>
</div>

<-- Whatever component -->
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
   <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="Loading...">
    </ion-infinite-scroll-content>
 </ion-infinite-scroll>

news.component.ts

export class PortfolioComponent implements OnInit, OnDestroy {
  @Select(RacesState.articles) articles: Observable<Article[]>;

  constructor(private store: Store, private news: NewsFirestore) {}

  ngOnInit(): void {
    this.store.dispatch(new Fetch());
  }

  ngOnDestroy(): void {
    this.store.dispatch(new DisconnectStream(new Fetch()));
  }

  loadData(event: any): void {
    this.news.more(() => event.target.complete());
  }
}