2016-04-29 15 views
8

Mam listę elementów w pętli ngFor. Po odświeżeniu strony ładowane są tylko dane pierwszego elementu. Kiedy klikam pusty element, nagle pojawiają się dane. Dzieje się tak tylko podczas przeglądania w Safari. Jak mogę uruchomić Safari, aby załadowała całą zawartość?Angular2 ngNie zawartość nie jest renderowana na 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> 

Dane pochodzą z API, które serwuje JSON.

+2

Brzmi jak https://github.com/angular/angular/issues/6889 –

+0

Może to być problem ze strefą. Pokaż, jak odzyskiwane są Twoje dane. – Blackus

+0

Ostatnio dużo się stało z Angular2, spróbuj zaktualizować najnowszy rc, a także zmień * ngFor = "# item of list; #i = index" na * ngFor = "let item of list; niech i = index". Problem mógł już zostać rozwiązany. – jornare

Odpowiedz

2

Po wielu próbach i błędach moim problemem był rurka daty, której brakowało określonego formatu.

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

Zmiana go do tego rozwiązania to dla mnie:

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

Mój przykładowy kod na StackOverflow brakowało tego jednak. Z jakiegoś powodu Safari było w stanie renderować zawartość tylko po wyzwoleniu zdarzenia użytkownika.

+0

Przepraszamy. To nie rozwiązuje mojego problemu. –

+0

@SudipKafle Czy możesz stworzyć plunkra, abyśmy mogli go zobaczyć w akcji? –

0

miałem ten sam problem z kątowy 2 i Safari i rozwiązać go dodając następujące biblioteki:

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

dodałem go przed innymi bibliotekami.

Powiązane problemy