Display items as soon as it gets the first result from http GET


So I’m calling my API through my ngOnInit:

ngOnInit() {
        .subscribe((data) => {
            this.information = data.announcements;
            this.datalength = data.announcements.length;

and my html looks like this:

<ion-card [@flipInX]="flipInX" class="list" *ngFor="let item of information | slice:0:slice;" text-wrap>
        <ion-card-header text-wrap>
        <ion-card-content style="margin-top: -20px; margin-bottom: -25px; font-size: 16px;">
            Date posted: {{item.date}}
        <button ion-button clear end style="float: right;" (click)="showDetails(item.title, item.date, item.content)">View</button>

I noticed that it takes quite a while to display my data, which makes for a bad user experience. How do I resolve this so that at least the initial items get displayed while the rest load up?