typescript - Angular2 ngFor contenido no renderizado en Safari

Tengo una lista de elementos en un bucle ngFor. Cuando actualizo la página, solo se carga la información del primer elemento. Cuando hago clic en un elemento vacío, la información aparece de repente. Esto solo sucede al verlo en Safari. ¿Cómo puedo hacer que Safari cargue todo el contenido?

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

Los datos provienen de una API que sirve JSON.

Respuesta #1

Después de mucho ensayo y error, mi problema era una |date pipe que carecía de un formato específico.

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

Cambiarlo a esto lo solucionó para mí:

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

Sin embargo, a mi código de ejemplo en StackOverflow le faltaba esto. Por alguna razón, Safari solo podía mostrar el contenido cuando se desencadenaba un evento del usuario.

Respuesta #2

Tuve el mismo problema con Angular 2 y Safari y lo solucioné agregando la siguiente biblioteca:

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

Lo añadí antes de las otras bibliotecas.