由多个字段排列的角度顺序



我想要三个字段的简单顺序:

按该顺序排列的名称、状态和所有者

到目前为止,我有这个:

<tr ng-repeat='data in model.tableData|filter:model.search|orderBy:"name":model.sorted.name'>

(model.sorted.name 在单击时切换真假),现在我看到我需要做这样的事情:

<tr ng-repeat="data in model.tableData|filter:model.search|orderBy:['name','status','owner']">

要处理多个字段,但是我该如何更改它,例如,状态从真到假,就像我对单个状态所做的那样?

您可以使用

"!"即:

 <tr ng-repeat="data in model|filter:model.search|orderBy:['name','!status','owner']">

请在下面演示

var app = angular.module('app', []);
app.controller('homeCtrl', function($scope) {
  $scope.model = [{
      'name': 'a1',
      'status': true,
      'owner': 'as'
    }, {
      'name': 'a1',
      'status': false,
      'owner': 'as'
    }, {
      'name': 'a1',
      'status': false,
      'owner': 'as'
    }
  ]
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="homeCtrl">
    <h3> By status reverse </h3>
    <table>
      <tr ng-repeat="data in model|filter:model.search|orderBy:['!status','name','owner']">
        <td>{{data.status}}|{{data.owner}}| {{data.name}}</td>
      </tr>
    </table>
    <hr/>
    <h3> By status</h3>
    <table>
      <tr ng-repeat="data in model|filter:model.search|orderBy:['status','name','owner']">
        <td>{{data.status}}|{{data.owner}}| {{data.name}}</td>
      </tr>
    </table>
  </div>
</div>

最新更新