iOS Safari перезагружает страницу в приложении AngularJS с помощью ng-include - PullRequest
Новая
       8

iOS Safari перезагружает страницу в приложении AngularJS с помощью ng-include

0 голосов
/ 21 мая 2018

У меня есть небольшая электронная коммерция в AngularJS, я построил опрос с помощью ng-include & ng-template, и когда я просматриваю этот опрос, случайное iOS 'Safari показывает ошибку A problem occurred with this webpage so it was reloaded.Это не происходит с Google Chrome.

Это ссылка на опрос .

Следующая выдержка:

главная страница: 

<div class="container mb-50" ng-show="state.canShow">
    <div ng-include src="'Questionario_Page_' + state.page"></div>
</div>

один из шаблонов опроса 

<script type="text/ng-template" id="Questionario_Page_tipo-fisico">
<h2 ng-init="form.title = 'tipo-fisico'; state.backPage = 'peso'; state.pageview()"
    class="text-center mt-0 mb-60">Quale tipologia di fisico ti appartiene di più?</h2>
<div class="row text-center" ng-init="form.valid = false">

    <div class="col-xs-4">
        <div style="max-width: 240px; margin: auto;">
            <circle-btn text="Ectomorfo" active="form.fisico === 'ECTOMORFO'"
                        description="Struttura magra"
                        img-url="//assets.mylabnutrition.net/consulenza/ectomorfo-01.png"
                        ng-click="form.fisico = 'ECTOMORFO'; state.continua('quanto-utilizzi')"></circle-btn>
        </div>
    </div>

    <div class="col-xs-4">
        <div style="max-width: 240px; margin: auto;">
            <circle-btn text="Mesomorfo" active="form.fisico === 'MESOMORFO'"
                        description="Spalle larghe e vita stretta"
                        img-url="//assets.mylabnutrition.net/consulenza/mesomorfo-01.png"
                        ng-click="form.fisico = 'MESOMORFO'; state.continua('quanto-utilizzi')"></circle-btn>
        </div>
    </div>

    <div class="col-xs-4">
        <div style="max-width: 240px; margin: auto;">
            <circle-btn text="Endomorfo" active="form.fisico === 'ENDOMORFO'"
                        description="Densità ossea, vita larga"
                        img-url="//assets.mylabnutrition.net/consulenza/endomorfo-01.png"
                        ng-click="form.fisico = 'ENDOMORFO'; state.continua('quanto-utilizzi')"></circle-btn>
        </div>
    </div>

</div>

1 Ответ

0 голосов
/ 24 мая 2018

Позор мне.

Я выяснил, в чем проблема, после нескольких дней отладки на устройствах iOS и поиска в Google.

Когда вы загружаете слишком много ресурсов (изображений, видео и т. Д.)...), похоже, что Safari уходит в «нехватку памяти» ресурсов, теперь я использую CSS Sprites для обработки всех значков, и теперь он работает безупречно.

...