Angular2 ngFor在Safari上未呈現的內容

我有一個ngFor循環中的元素列表。當我刷新頁面時，只加載第一個元素數據。當我點擊一個空元素時，數據突然彈出。這隻有在Safari中查看時纔會發生。我如何讓Safari加載所有內容？Angular2 ngFor在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。

來源

2016-04-29 Ferdi Emmen

聽起來像https://github.com/angular/angular/issues/6889 –

可能是一個區域問題。顯示您的數據是如何檢索的。 – Blackus

最近Angular2發生了很多事情，嘗試更新直到最新的rc，並且改變你的* ngFor =「＃列表項目; #i = index」爲* ngFor =「let item of list; let i = index」。這個問題可能已經爲您解決了。 – jornare

經過大量的試驗和錯誤，我的問題是一個缺少特定格式的日期管道。

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

它更改爲這解決了這個問題對我來說：

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

在計算器上我的示例代碼缺少這雖然。出於某種原因，Safari只能在用戶事件觸發時呈現內容。

來源

2016-05-25 11:48:11

對不起。這並不能解決我的問題 –

@SudipKafle你可以創建一個plunkr，以便我們看到它在行動嗎？ –

我有同樣的問題與角2和Safari瀏覽器，並通過添加下列庫解決了它：

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

我的其他庫之前添加它。

來源

2016-05-30 17:39:37

Angular2 ngFor在Safari上未呈現的內容

回答

相關問題