点击表格标题

Question

我有一个填充了数据的表，并在现有表中添加了一个额外的列，该表是两个字段的分区。我想在标题点击上对新添加的列进行排序。我已经创建了一个函数来计算两个字段的划分。

<table>
   <th >
        <a href="" style="color:#ffffff" ng-click="orderByField='test(event.Home_Sales_Price, event.Total_Home_Area_SqFt)';reverseSort = !reverseSort"> Home Sales By Total SF 
   </th>
   <tr ng-repeat="x in y>
   <td>{{test(x.some_value, x.sample_value)}}</td>
</table>

测试函数计算传递的两个值的除法。当我点击新添加的标题时，我只能在第一次点击时排序。当我再次单击标题时，它不会排序如何在单击标题上对表数据进行排序。

Answer 1

检查此网址 http://plnkr.co/edit/arkCZcfXTIsW7sFCxisn?p=preview

它是针对我的另一个问题编写的，但演示了如何通过单击标题进行排序。

$scope.SetSort = function (objName) {
        $scope.predicate = objName;
        $scope.reverse = !$scope.reverse;
    };

Answer 2

我知道这可能无法回答您关于如何操作的问题，但是有许多模块已经解决了这个问题，并且可能为您提供的不仅仅是订购功能，您可能希望使用这些功能来增强您的表格。例如过滤器。

查看以下模块：

NG-表

• ng-table on Github
• ng-table Example

UI-格

• ui-grid Example

Answer 3

我认为你正在寻找Angular filters。

Answer 4

请根据表格检查https://docs.angularjs.org/api/ng/filter/orderBy进行排序。