,

이 필터도 앵귤러js(AgularJS)에서 기본 제공되는 필터입니다.

 

양이 많으니(= 기능이 많다. ) 차근차근 예제를 따라 해보도록 하겠습니다.

(참고 : 참고 : AngularJS API Reference - orderBy )

 

 

1. 기본 사용법

'OrberBy'는 배열로 결과가 리턴됩니다.

그래서 'ng-repeat' 같은 것으로 사용 가능합니다.

 

 

2. 정렬 변경하기

정렬옵션을 실시간으로 바꿔 봅시다.

 

이렇게 가지고 있는 데이터셋에서 필터의 옵션만 조정해 주면 앵귤러가 알아서 다시 정렬 해줍니다.

 

 

3. 사용자 정의 정렬

사용자가 지정한 방식으로 정렬 합니다.

사용자가 앵귤러에 정렬에 사용할 함수를 만들어 두고 그것을 호출하여 정렬을 해주는 것입니다.

 

아래 예제는 'favoriteLetter'값을 넘겨받아 사용자가 만들어둔 'localeSensitiveComparator'함수로 넘겨 정렬하는 예제입니다.

 

 

마무리

마지막 '사용자 정의 정렬'이 조금 어렵긴 한데......

이런식으로 정렬할 일이 많지 않을듯합니다.

보통 이런 정렬은 db쪽에서 처리하게 돼서 말이죠 ㅎㅎㅎ

댓글 작성

이름
패스워드
홈페이지
비밀글

티스토리 툴바