从 Angular 摘要中排除 div

Question

我有一个带有在 Angular 之外生成的图表的 div。虽然 div 在 ng-repeat 内，但当范围更新时，图表会被清除。有没有办法防止带有图表的 div 被重绘？

这是我的 HTML：

<div ng-repeat="object in objects">
    <span>{{ object.title }}</span>
    <div class="chart"></div> <!-- This is being cleared when object changes -->
</div>

我曾考虑使用 bindonce，但我的数据发生了变化，所以我不能（？）使用它。

需要明确的是，我要更改的只是一个属性，例如object.title。如果整个对象数组被替换，我不认为图表会一直存在。

编辑

在这里写了一个有问题的 JSBin：http://jsbin.com/jijalugu/1/edit?html,js,output

看起来是过滤器导致了问题。我正在使用过滤器将对象拆分为分区（来自this answer）。不知道为什么，没有过滤器也能正常工作。

Answer 1

您可以使用tracking expression：

<div ng-repeat="rows in items | partition:2  track by $index" class="row">
  <div ng-repeat="item in rows">
    <b>{{ item.title }}</b>
    <div id="chart-{{item.title}}" class="chart"></div>
  </div>
</div>

Ben Nadel 有一篇出色的博文 explaining tracking expressions 及其好处：

此功能允许您使用唯一标识符将 JavaScript 对象与 ngRepeat DOM（文档对象模型）节点相关联。有了这个关联，AngularJS 就不会不必要地 $destroy 和重新创建 DOM 节点。这可以带来巨大的性能和用户体验优势。