Angular2 ngPer i contenuti non riprodotti su Safari

Question

Ho un elenco di elementi in un ciclo ngFor. Quando aggiorno la pagina, vengono caricati solo i primi dati di elementi. Quando faccio clic su un elemento vuoto, i dati vengono immediatamente visualizzati. Questo accade solo se visualizzato in Safari. Come posso caricare Safari per caricare tutti i contenuti?

<article *ngFor="let item of list; let i = index"> 
    <section class="item__content"> 
     <h3 class="item__name"> 
     <a href="#">{{item.name}}</a> 
     </h3> 
     <p> 
     {{item.description}} 
     </p> 
    </section> 
</article> 

dati provengono da un API che serve JSON.

Answer 1

Dopo un sacco di tentativi ed errori il mio problema era un pipe di data che mancava un formato specifico.

<time>{{topic.lastPostAt|date}}</time> 

La modifica a questa risolto per me:

<time>{{topic.lastPostAt|date:"MM/dd/yy"}}</time> 

Il mio codice di esempio su StackOverflow mancava questo però. Per qualche motivo, Safari è stato in grado di eseguire il rendering del contenuto solo quando è stato attivato un evento utente.

Answer 2

Ho avuto lo stesso problema con angolare 2 e Safari e risolto aggiungendo la seguente libreria:

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

ho aggiunto prima altre librerie.