AngularJS orderBy를 사용하는 방법

Question

구문이 잘못 되었습니까? Angular로 할 수 있습니까? 상위 두 개의 필터가 작동하지만 순서가 예 오브젝트 당신은 구문이 잘못 가지고

{ 
     name: 'Facebook', 
     url: 'www.facebook.com', 
     green: false, 
     governance: 45, 
     environment: 69, 
     community: 72, 
     rank: 6 
    } 

Answer 1

입니다

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

총격 사건, 당신은 그런 식으로, 필터를 설정할 수 없습니다와 해 orderBy 두 개의 서로 다른 필터하고 받아 2 가지 다른 표현. 대신 클릭시 주문 변수를 설정하십시오.

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

및 변수 사용 : -

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

아마뿐만 아니라 종류로는 : - PSL으로

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

Plnkr

Answer 2

는 당신이 그것을 할 수 있다고 말했다 클릭시 변수를 설정하면 해당 변수를 th e orderBy 절.

Here is a working fiddle

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

<div class="list-group-item col-md-8 pull-left" ng-repeat="site in list.links | filter:myFilter | orderBy:myOrder"></div>