2016-12-05 4 views
0

테이블 내부에 ng-repeat가 있습니다. 오름차순 또는 내림차순으로 데이터를 정렬하고 싶습니다. 나는 약간 혼란 스럽다. 내가 어떻게 그럴 수 있니? 내 HTML 코드는 다음과 같습니다테이블 정렬에서 ng-repeat 내부 테이블 정렬

<th> 
    Product Name &nbsp;<i class="fa fa-sort" aria-hidden="true"></i> 
</th> 

<tr ng-repeat=" item in items | orderBy:sort"> 
    <td> 
     <input type="checkbox" name="select" value="checked"/> 
    </td> 
    <td> 
     {{ item.name }} 
    </td> 
</tr> 

답변

0

<th> 
    Product Name &nbsp;<i class="fa fa-sort" aria-hidden="true"></i> 
</th> 

<tr ng-repeat=" item in items | orderBy : 'name'"> 
    <td> 
     <input type="checkbox" name="select" value="checked"/> 
    </td> 
    <td> 
     {{ item.name }} 
    </td> 
</tr> 
0

내가 그 귀하의 질문에 모두 대답 확실하지 않다 시도하지만 난 당신이 해 orderBy 작동 방법을 이해하는 데 도움 수 있다고 생각합니다. 제목을 클릭하면 기능을 사용하는 데모를 만들었습니다. 사용자 정의 정렬이 필요하면 주석을 달 수 있으며이 데모를 편집하려고합니다. 도움이되기를 바랍니다. D.

<table class="table"> 
    <thead> 
    <tr> 
     <a href="#" ng-click="swtichReverse()"> Product Name &nbsp;</a> 
    </tr> 
    </thead> 
    <tbody> 
    <!-- you can use this example for value or function--> 
    <!-- ng-repeat=" item in items | orderBy:'name':isSortReverse --> 
    <tr ng-repeat=" item in items | orderBy:sort:isSortReverse"> 
     <td> 
     <input type="checkbox" name="select" value="checked"/> 
     </td> 
     <td> 
     {{ item.name }} 
     </td> 
    </tr> 
    </tbody> 

</table> 

https://plnkr.co/edit/jB5MBX1GD2o65YiL2Qtp?p=preview

+0

나는이 일을 할 수 없습니다입니다. 내 데이터는 데이터베이스의 API에서 호출 한 json 파일에서 가져온 것입니다. – bleykFaust

+0

클릭하면 빈 페이지로 이동합니다. – bleykFaust

+0

저에게 thr json 예제와 어떻게 보이게 할 수 있습니까? 그것도 당신이하려고하는 정확하게 짐작할 수있는 말들입니다. – user3601236