NgFür Elemente, die nicht in Safari- und iOS-Browsern gerendert werden (Angular)

Der Browser rendert die ngFor Elemente nicht ordnungsgemäß, nur einige wenige erscheinen. Wie Sie sehen können, habe ich die erforderlichen Polyfills. Immer noch nicht richtig auf dem Desktop oder iOSNgFür Elemente, die nicht in Safari- und iOS-Browsern gerendert werden (Angular)

live website Siehe in Safari Arbeit ist

Hier ist der Code:

home.component.ts

this.feedservice.getFeedContent2(this.feedUrl) 
.subscribe(
feed =>{ 
    if (this.notrumpcookie == 'yes'){ 
    this.field = feed.items.filter(feed=> feed.content.indexOf(substring) !== -1) 
    this.trumpContent = feed.items.filter(item=> this.field.indexOf(item) < 0) 
    this.feeds = this.trumpContent; 
    }else if(this.sometrumpcookie == 'yes'){ 
    this.small = feed.items.filter(feed=> feed.title.indexOf(substring) !== -1) 
    this.trumpTitle = feed.items.filter(item=> this.small.indexOf(item) < 0) 
    this.feeds = this.trumpTitle; 
}else{ 
    this.feeds = feed.items; 
} 

}, 
error => console.log(error)); 
}

home.component.html

<app-feed-card2 *ngFor="let feed of feeds2 | slice:1:2" [feed]="feed" 
></app-feed-card2> 
<h1> TOP STORIES </h1> 
<div class="jumbotron"> 
<app-feed-card *ngFor="let feed of feeds" [feed]="feed" ></app-feed-card> 
</div> 
<div id="fries"></div> 
<trump-slider></trump-slider>

index.html

<!DOCTYPE html> 
<html> 

<head> 
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>

polyfill.ts

import 'core-js/es7/reflect'; 

import 'zone.js/dist/zone'; 
import 'zone.js/dist/long-stack-trace-zone'; 
import 'intl'; 
import 'intl/locale-data/jsonp/en';

Ansicht home.component in Safari: