ค้นหาเว็บไซต์

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>

ฉันได้เพิ่มมันก่อนห้องสมุดอื่น ๆ

บทความที่เกี่ยวข้อง