2016-04-29 14 views
8

ngForループに要素のリストがあります。ページを更新すると、最初の要素データのみが読み込まれます。空の要素をクリックすると、データが突然表示されます。これは、Safariで表示された場合にのみ発生します。 Safariにすべてのコンテンツを読み込ませるにはどうすればよいですか?Angular2 ng Safariでレンダリングされないコンテンツ

enter image description here

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

データはJSONを提供していますAPIから来ています。

+2

https://github.com/angular/angular/issues/6889のようなサウンド –

+0

ゾーンの問題である可能性があります。あなたのデータがどのように検索されるかを示します。 – Blackus

+0

最近Angular2に多くのことが起こりました。最新のrcを更新して、* ngFor = "#item of list; #i = index"を* ngFor = "list of item; let i = index"に変更してください。この問題はすでに解決されている可能性があります。 – jornare

答えて

2

多くの試行錯誤の後、私の問題は特定のフォーマットが欠けていた日付パイプでした。これにそれを変更する

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

は私のためにそれを解く:StackOverflowの上

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

私のコード例では、このかかわらずがありませんでした。何らかの理由で、Safariはユーザーイベントが発生したときにのみコンテンツをレンダリングできました。

+0

申し訳ありません。これは私の問題を解決しません –

+0

@SudipKafle plunkrを作成して実際に見られるようにすることは可能でしょうか? –

0

私は同じ角度2の問題とSafariを持っていたし、次のライブラリを追加して、それを解決:

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

私は他のライブラリの前にこれを追加しました。

関連する問題