typescript - เนื้อหา ngFor ของ Angular2 ไม่แสดงบน Safari
ฉันมีรายการขององค์ประกอบในลูป ngFor เมื่อฉันรีเฟรชหน้าเว็บ ข้อมูลขององค์ประกอบตัวแรกเท่านั้นที่ถูกโหลด เมื่อฉันคลิกที่องค์ประกอบที่ว่าง ข้อมูลก็ปรากฏขึ้นทันที ปัญหานี้เกิดขึ้นเฉพาะเมื่อดูใน Safari ฉันจะทำอย่างไรให้ Safari โหลดเนื้อหาทั้งหมดได้?
<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>
ข้อมูลมาจาก API ซึ่งให้บริการ JSON
คำตอบ #1
หลังจากลองผิดลองถูกมาเยอะ ปัญหาของฉันคือท่อวันที่ที่ขาดรูปแบบเฉพาะ
<time>{{topic.lastPostAt|date}}</time>
การเปลี่ยนมันเป็นแบบนี้แก้ปัญหาสำหรับฉันได้:
<time>{{topic.lastPostAt|date:"MM/dd/yy"}}</time>
ตัวอย่างโค้ดของฉันบน StackOverflow ขาดสิ่งนี้ไป อย่างไรก็ตาม ด้วยเหตุผลบางอย่าง Safari สามารถแสดงเนื้อหาได้ก็ต่อเมื่อมีการกระทำของผู้ใช้เกิดขึ้น
คำตอบ #2
ฉันมีปัญหาเดียวกันกับ Angular 2 และ Safari และแก้ไขโดยการเพิ่มไลบรารีต่อไปนี้:
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>
ฉันได้เพิ่มมันก่อนห้องสมุดอื่น ๆ
