Html 如何使用AngularJS orderBy

我觉得我的语法不对？我可以用角度来做这个吗。最上面的两个过滤器可以工作，但order bys不能工作

<div class ="col-md-8 pull-left">
      <span ng-click="myFilter = {green: true}">Clean</span>  |
      <span ng-click="myFilter = {green: false}">Dirty</span> |
      <span ng-click="myFilter = orderBy: 'governance' : true">Goverance</span> |
      <span ng-click="myFilter = orderBy: 'environmental' : true ">Environmental</span> |
      <span ng-click="myFilter = orderBy: 'community' :true">Community</span> |
      <span ng-click="myFilter = null">All</span>
</div>

<div class="list-group-item col-md-8 pull-left" ng-repeat="site in list.links | filter:myFilter">
{{site.governance}}
{{site.environmental}}
{{site.community}}
</div>

---

语法错误，不能这样设置，filter和orderBy是两个不同的筛选器，使用两个不同的表达式。而是在单击时设置一个订单变量

<div class ="col-md-8 pull-left">
     ...
      <span ng-click=" order='governance' ">Goverance</span> |
      <span ng-click=" order='environmental' ">Environmental</span> |
      <span ng-click=" order='community' ">Community</span> |
     ...
</div>

可能还有一种：-

 <span ng-click=" order='governance'; sort=!sort ">Goverance</span>
....
<div .. ng-repeat="site in list.links | filter:myFilter |orderBy:order:sort"

Goverance
....
正如PSL所说，您可以在单击时设置一个变量，然后在
orderBy
子句中使用该变量



干净的|
肮脏的|
治理|
环境的|
社区|
全部的


ng-repeat="site in list.links | filter:myFilter |orderBy:order"

 <span ng-click=" order='governance'; sort=!sort ">Goverance</span>
....
<div .. ng-repeat="site in list.links | filter:myFilter |orderBy:order:sort"

<div>
  <span ng-click="myFilter = {green: true}">Clean</span>  |
  <span ng-click="myFilter = {green: false}">Dirty</span> |
  <span ng-click="myOrder = 'governance'">Goverance</span> |
  <span ng-click="myOrder = 'environmental' ">Environmental</span> |
  <span ng-click="myOrder = 'community'">Community</span> |
  <span ng-click="myFilter = null">All</span>
</div>