在页面上多次使用时，Angular Namespace orderBy不受约束

Question

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

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

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

当用户点击此处的链接时，会对其进行排序：

<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;

所以这一点有效，直到我再次尝试再做一次，我需要在页面上为四个单独的组至少做四次。

所以每个新的重复将是： blahConditions中的条件 条件在blipConditions＆＃39; 等...

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

任何建议表示赞赏。

Answer 1

signConditions" | orderBy:

应该是

signConditions | orderBy:

否则，您将使用命名空间orderBy开始一个新属性。