Angular 命名空间 orderBy 在页面上多次使用时未绑定

Question

我在一个页面上有大约四个主要 div 可以排序（至少它们是通过 jQuery），我已经通过在 orderBy 条件中管道并绑定它们将它们转换为 NG 排序到 ng-click。它对第一个工作正常，但是当我尝试第二个组时，它对我咆哮说 orderBy 的名称空间未绑定，所以我假设改变它排序的基础是不够的。

现在我在 ng-repeat 中填充了一些日期：

<li ng-repeat="condition in signConditions" | orderBy:orderByField:reverseSort">

当用户点击这里的 link 时排序：

<a href="javascript:void(0)" ng-click="orderByField='title'; reverseSort = !reverseSort" class="titleLabel">Documents <span ng-show="orderByField == 'title'"><span ng-show="!reverseSort">^</span><span ng-show="reverseSort">v</span></span></a>

在我的控制器中，我在这里有一个简单的范围绑定：

$scope.orderByField = 'conditionId';
    $scope.reverseSort = false;

所以在我尝试再次执行此操作之前一直有效，我需要为页面上的四个单独的组至少执行四次。

因此每个新的 li ng-repeat 将是： blahConditions 中的条件 blipConditions 中的条件 等...

所以我的问题是如何将每个 orderBy 绑定到它的特定组？

如有任何建议，我们将不胜感激。

Answer 1

signConditions" | orderBy:

应该是

signConditions | orderBy:

否则您将使用命名空间 orderBy.

启动一个新属性