我正在尝试将我的网站包装到我使用AngularJS制作的应用程序中。 我有一个有很多“卡片”div的网站，每个人都有一张图像。
您可以在此处找到链接：cow.aforadrian.com
screenshot of what i did in the web version
每个页面将为每个独特的图像提供大约100张“卡片”，从本地JSON文件加载。它在浏览器中表现良好
我将所有图片打包到本地应用程序中。 它在iOS模拟器上甚至在我的新iPad Air上都运行良好。 但后来我意识到它不适用于其他具有较少记忆的设备。 平均需要高达260MB的内存......有时甚至高达500MB ...
我试图禁用所有css视觉或转换效果，但它没有多大帮助。
起初我认为这是图像的大小，但我检查并尝试使用小缩略图进行测试，内存问题仍然存在。
所以我想这与屏幕如何处理这些图像的渲染有关。
我对angularjs不是很好，几乎没有让这个网站运行起来。它让我抓住了如何解决这个问题。我从来没有使用过应用程序，所以内存问题确实没有发生在我身上，我知道如何处理这个问题的概念。
其他主题hv谈到了关于创建图像轮播的类似问题，一个人应该在之前延迟加载图像并在之后销毁图像。但我不确定这对我来说是否是正确的方法，我不知道如何实现这一目标。
更新： 我正在使用ng-repeat来加载指向本地图像文件夹的图像链接。 这是它耗尽大量RAM /内存的原因吗？有没有更好的方法来实现这一目标？如果我用离子框架而不是纯粹的Angularjs + Cordova改造网站会有帮助吗？
