NgFor Safari 및 iOS 브라우저에서 렌더링되지 않는 요소 (각도)

브라우저에서 ngFor 요소를 제대로 렌더링하지 못하고 일부만 나타납니다. 보시다시피 필수 polyfill이 있습니다. 아직NgFor Safari 및 iOS 브라우저에서 렌더링되지 않는 요소 (각도)

를 참조 바탕 화면 또는 iOS의 Safari에서 제대로 작동하지 않는 것은 코드 :

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

,210

<!DOCTYPE html> 
<html> 

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

polyfill.ts

사파리에서 home.component의

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';

보기 : 이