Angular2 ngFor nội dung không hiển thị trên Safari

Question

Tôi có một danh sách các phần tử trong vòng lặp ngFor. Khi tôi làm mới trang, chỉ có dữ liệu phần tử đầu tiên được tải. Khi tôi nhấp vào một phần tử trống, dữ liệu đột nhiên xuất hiện. Điều này chỉ xảy ra khi được xem trong Safari. Làm thế nào tôi có thể tải Safari để tải tất cả nội dung?

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

dữ liệu xuất phát từ một API mà là phục vụ JSON.

Answer 1

Sau nhiều lần dùng thử và lỗi, sự cố của tôi là một ống ngày bị thiếu định dạng cụ thể.

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

Thay đổi nó để giải quyết này nó cho tôi:

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

mã ví dụ của tôi trên StackOverflow đã mất tích mặc dù điều này. Vì một số lý do, Safari chỉ có thể hiển thị nội dung khi một sự kiện của người dùng được kích hoạt.

Answer 2

tôi đã có vấn đề tương tự với góc 2 và Safari và giải quyết nó bằng cách thêm các thư viện sau:

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

tôi đã thêm nó trước khi các thư viện khác.