Angularjs 如何修复角度为+；离子型？

我正在用Phonegap、Ionic和Angular构建一个iOS应用程序，我遇到了一个问题，当我将ng repeat与img src（或ng src）一起使用时，在滚动图像页面时，图像页面的滚动变得令人无法接受的抖动/滞后（你可以想象一个页面上的Instagram或类似Facebook的图像提要）。在Safari和iPhone上加载页面时，我似乎都遇到了问题。Chrome看起来好多了，所以我想这可能是Safari的问题吧

我用的是标准离子含量标签。我的重复是

<div ng-repeat="post in myPosts track by $index">

如果我在ng repeat中有以下代码，它可以正常工作，并且滚动非常完美：

<img ng-src="https://s3.amazonaws.com/exampleS3Bucket/photos/somephoto.jpg">

但是，当我尝试使用angular为重复数组中的每个项目生成不同的图像时，我遇到了滞后问题：

<img ng-src="{{post.image.url}}" >

---

我尝试过使用各种离子内容滚动设置和Bindonce，但到目前为止没有任何帮助。感谢您提供的任何帮助

您应该看看爱奥尼亚的新功能，它可以帮助您提高大型列表的性能。 您有一个广泛的代码示例

从文档中：

<ion-content ng-controller="ContentCtrl">
  <div class="list">
    <div class="item my-item"
      collection-repeat="item in items"
      collection-item-width="'100%'"
      collection-item-height="getItemHeight(item, $index)"
      ng-style="{height: getItemHeight(item, $index)}">
      {{item}}
    </div>
  </div>
</div>

{{item}}

您应该看看爱奥尼亚的新功能，它有助于提高大型列表的性能。 您有一个广泛的代码示例

从文档中：

<ion-content ng-controller="ContentCtrl">
  <div class="list">
    <div class="item my-item"
      collection-repeat="item in items"
      collection-item-width="'100%'"
      collection-item-height="getItemHeight(item, $index)"
      ng-style="{height: getItemHeight(item, $index)}">
      {{item}}
    </div>
  </div>
</div>

{{item}}

您可以在ion内容标签中尝试overflow scroll=“true”

例如：

<ion-content overflow-scroll="true">

---

它给了我巨大的性能提升。

您可以在ion内容标签中尝试overflow scroll=“true”

例如：

<ion-content overflow-scroll="true">

---

它给了我巨大的性能提升。

您还应该确保您没有要求设备将图像比例缩小太多。。。。你的图片真的是缩略图吗？Clawish，我不想使用它，因为collection repeat对css等有一系列要求，涉及到重构代码，我不相信这是问题所在，因为我看到只有一些图片和帖子时会出现非常滑滑/滞后的滚动（远没有接近100，更不用说1000）。不过，我会在有时间的时候尝试一下。。。我会试试你的建议，然后告诉你。这些图像不是指缩略图，而是指占据整个屏幕的图像。缩小尺寸是否会导致滑动？是的，图像大小调整对性能有很大影响。尤其是像4/4s这样的老款iPhone。如果可能的话，按照滚动视图所需的精确大小复制图像，以获得最佳性能。谢谢Jamie&Aaron，我认为这是主要问题。不知道如何投票支持你的答案，如果有办法让我知道！如何调整Cordova应用程序中图像的大小？或者您是否在运行前（在图像编辑程序中）调整了它们的大小？您还应该确保您没有要求设备将图像缩小太多。。。。你的图片真的是缩略图吗？Clawish，我不想使用它，因为collection repeat对css等有一系列要求，涉及到重构代码，我不相信这是问题所在，因为我看到只有一些图片和帖子时会出现非常滑滑/滞后的滚动（远没有接近100，更不用说1000）。不过，我会在有时间的时候尝试一下。。。我会试试你的建议，然后告诉你。这些图像不是指缩略图，而是指占据整个屏幕的图像。缩小尺寸是否会导致滑动？是的，图像大小调整对性能有很大影响。尤其是像4/4s这样的老款iPhone。如果可能的话，按照滚动视图所需的精确大小复制图像，以获得最佳性能。谢谢Jamie&Aaron，我认为这是主要问题。不知道如何投票支持你的答案，如果有办法让我知道！如何调整Cordova应用程序中图像的大小？或者你在运行前（在图像编辑程序中）调整了它们的大小吗？Dude你救了我的命，谢谢你，我推荐这个解决方案。伙计们救了我…我用的是角度音差：重要的是我用这个来处理图像，在ng内重复作为ng src，在我犯错误的地方，我没有选择。但我不知道有一个css属性可以保存我最大的延迟看起来这样可以解决延迟并提高速度。。。。。知道它为什么起作用吗？这到底改善了什么？老兄，你救了我的命，谢谢你，我推荐这个解决方案。伙计们救了我…我用的是角度音差：重要的是我用这个来处理图像，在ng内重复作为ng src，在我犯错误的地方，我没有选择。但我不知道有一个css属性可以保存我最大的延迟看起来这样可以解决延迟并提高速度。。。。。知道它为什么起作用吗？这到底改善了什么？