javascript - ng-if 花费 500 个观察者 - 性能

Question

我有一个 ng repeat 重复数据。 - data.image(src)部分为null，src=null的不再重复。

我用一个简单的 ng-if 解决了它。

<div ng-repeat="data in data">

      <div class="ImageContainer">
        <img ng-src="{{::data.image}}" ng-if="data.image != null" />
      </div>
      <div class="LabelContainer">
        <p>
          {{::data.label}}
        </p>
      <div>
<div>

但是通过调试我注意到这让我损失了大约 500 个观察者。在没有 ng-if 或主要 JS vanilla 函数的情况下，有什么明显的方法可以完成我正在尝试的事情吗？

Answer 1

您可以在 Controller 中过滤列表，这样您就有了一个方法，该方法返回集合中图像属性不为 null 的所有项目，并将您的重复绑定(bind)到该函数。