2016-04-29 2 views
8

У меня есть список элементов в цикле ngFor. Когда я обновляю страницу, загружаются только первые данные элементов. Когда я нажимаю пустой элемент, данные внезапно всплывают. Это происходит только при просмотре в Safari. Как я могу заставить Safari загружать весь контент?Angular2 ngFor содержание, не отображаемое на 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> 

данные приходят из API, который предлагает JSON.

+2

Похоже на https://github.com/angular/angular/issues/6889 –

+0

Может быть проблемой зоны. Покажите, как извлекаются ваши данные. – Blackus

+0

В последнее время многое произошло с Angular2, попробуйте обновить до последнего rc, а также измените свой * ngFor = "# элемент списка; #i = index" на * ngFor = "let item of list; let i = index". Возможно, проблема уже решена. – jornare

ответ

2

После большого количества проб и ошибок моя проблема заключалась в том, что дата-дата отсутствовала в определенном формате.

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

Изменение его на это решить это для меня:

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

Мой пример кода на StackOverflow пропускал это, хотя. По какой-то причине Safari был способен отображать контент только при запуске пользовательского события.

+0

Извините. Это не решает мою проблему. –

+0

@SudipKafle Возможно ли создать plunkr, чтобы мы могли увидеть его в действии? –

0

Я имел такую ​​же проблему с угловой 2 и Safari и решить ее, добавив следующую библиотеку:

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

Я добавил его перед другими библиотеками.

Смежные вопросы