javascript - 解除 ng-repeat 范围的绑定(bind)

Question

我有两个<tr> s 和每个 ng-repeat，但都对其子元素执行相同的操作，如下所示:

<tr ng-repeat="item in data : filterFunc" ng-if="mode === 'something'">
    <td>{{item.name}}</td>
</tr>

<tr ng-repeat="item in data : filterFunc" ng-if="mode === 'somethingelse'">
    <td>{{item.name}}</td>
</tr>

想象一下，有两种类型的数据集，要渲染哪一种由 mode 决定运行时的属性。所以，要么第一个 <tr>在 DOM 或其他 DOM 中呈现。最初是第一个<tr>将被渲染并关联 filterFunc功能将正常工作。有一个简单的下拉菜单，其中有两个选项，每个选项对应两个 mode s。如果选择其他模式，则第二个<tr>将被渲染，并且第一个将从 DOM 中删除。问题是，filterFunc现在绑定(bind)到<tr> s并对它们进行操作。如何解除第一个范围或观察者的绑定(bind)，让它仅与第二个范围或观察者绑定(bind)？或者其中任何一个在任何时间点？这是 fiddle http://jsfiddle.net/6kx4ojL4/

注意:为了简单起见，我只是按原样返回 filterFunc 中传入的数据对象。 。检查浏览器控制台中的输出。它被调用两次，即针对两个数据集。

Answer 1

从您的描述中并不清楚您到底想要做什么。我的第一个想法是你可以在 ng-if 中分离你的模式，比如说，使用 mode1 和 mode2，这样你就可以分别控制两个 ..