iOS Safari 使用 ng-include 在 AngularJS 应用程序上重新加载页面

Question

我在 AngularJS 有一个小型电子商务，我用 ng-include 和 ng-template 建立了一个调查，当我浏览这个调查时，随机 iOS' Safari 显示错误 A problem occurred with this webpage so it was reloaded。 Google Chrome.

不会发生这种情况

这是link到the survey。

摘录如下：

主页：

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

Answer 1

真丢脸。

在使用 iOS 设备调试和 google 搜索几天后，我发现了问题所在。

当您加载太多资产（图像、视频等...）时，safari 似乎进入 "out of memory" 资产，我现在使用 CSS Sprites 来处理所有图标，现在它可以完美运行了。

iOS Safari 使用 ng-include 在 AngularJS 应用程序上重新加载页面

iOS Safari reloads page on AngularJS App with ng-include

javascript

safari

mobile-safari

ios

angularjs