Элементы NgFor не отображаются в браузерах Safari и iOS (Angular)

Браузер неправильно отображает элементы ngFor, отображаются только некоторые из них. Как видите, у меня есть необходимые полифиллы. Все еще не работает правильно в Safari на рабочем столе или iOS

См. действующий веб-сайт.

Вот код:

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>

полифилл.тс

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

вид home.component в сафари: safariview

вид home.component в chrome: viewchrome

Моя угловая версия — последняя 5.1.1, у меня также есть открытый github Issue


typescript arrays angular html cross-browser
person riemannsolve    schedule 19.12.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Если кто-то будет бороться с этим в будущем, проблема заключалась в стороннем канале, который испортил представление.

person riemannsolve    schedule 30.01.2018
comment
Да, для меня это был Angular date pipe:/. В хроме работает отлично, в Safari у меня целый день была проблема с отладкой! Я до сих пор не могу поверить, что они не исправили это. Спасибо, что поделились информацией. - person DM developing; 05.10.2019