본문 바로가기

Javascript

[AngularJS] 커스텀 filter 제작하기

단일 값 필터


리스트 필터

리스트용 필터가 따로 존재하는것이 아니라, 그냥 첫번째 파라미터에 단일 값이 아닌 리스트가 넘어온다. 넘겨받은 리스트를 필터링해서 새로운 결과 리스트를 반환하면 된다.
이 때 filter 메소드를 사용하면 편리하다. ( filter는 IE9 부터 작동 )

 


여러개 필터 사용하기

여러개의 바(|)를 사용하여 여러개의 필터를 동시 적용시킬 수 있다.



파라미터 전달하기

필터 옆에 콜론(:)을 이용하여 파라미터를 전달할 수 있다, 파라미터는 js쪽 filter에 전달된다.


해시태그 필터 제작하기

필터와 정규식을 이용한 해시태그 필터 제작하기, html 태그는 기본 바인딩({{}})에 적용할 수 없기 때문에 ng-bind-html을 사용해야 한다.