AngularJS 表 orderBy 复选框答案

【问题标题】：AngularJS table orderBy checkboxAngularJS 表 orderBy 复选框
【发布时间】：2017-02-17 01:27:27
【问题描述】：

我想在单击复选框时对表格进行排序，并且还能够过滤表格。下面的代码已经修复，现在可以使用了....

HTML

  <table>
    <tr ng-repeat="x in myArray | filter : name | orderBy : sortOrder">
      <td>{{ x.name }}</td>
      <td>{{ x.age }}</td>
    </tr>
  </table>

  <input type="checkbox" ng-model="sortByName" ng-change="setSortOrder()">
  <input type="text" ng-model="name">

AngularJS

app.controller("myController", function($scope, $http)
{
    $scope.filterString = '';
    $scope.sortByName = false;
    $scope.sortOrder = '';

    $scope.setSortOrder = function()
    {
        if($scope.sortByName)
        {
            $scope.sortOrder = 'name';
        }
        else
        {
            $scope.sortOrder = '';
        }
    }

【问题讨论】：

标签： angularjs checkbox filter sql-order-by

【解决方案1】：

您没有告诉您的复选框在检查状态更改时调用选择排序条件的控制器方法。您可以使用ngChange 指令来执行此操作。请尝试以下操作：

<input type="checkbox" ng-model="sortByName" ng-change="setSortOrder()">

【讨论】：

太棒了，排序工作正常了，我会玩一下过滤器，谢谢
太好了！很高兴我能提供帮助。