2017-12-19 23 views
1

ブラウザでngFor要素が正しくレンダリングされていないため、少々ごく一部しか表示されません。ご覧のとおり、私は必要なポリフィルを持っています。まだここlive websiteSafariと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

<!DOCTYPE html> 
<html> 

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

polyfill.ts Safariで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'; 

ビュー:Chromeでhome.componentの safariview

ビュー: viewchrome

を私の角度のバージョンが最新であります5.1.1、私もオープンギターを持っていますIssue

答えて

0

誰かが将来これで苦労するならば、問題はビューを台無しにしたサードパーティのパイプだった。

関連する問題