[AgularJS 1.x] 필터 종류 (3/3) - 사용자 정의 필터(Custom Filter)

앵귤러js(AgularJS)에서 기본 제공되는 필터는 사용해 봤으니 직접 만들어서 사용해 봅시다.

(참고 : 참고 : AngularJS Develop - 11 - Custom Filters )

 

연관글 영역

 

1. 커스텀 필터(Custom Filter) 작성

앵귤러에서 필터를 추가하려면 '.filter'를 사용하면 됩니다.

아래 코드는 입력받은 값을 리턴해주는 필터입니다.

app.filter('MyFilter', ['$filter', function ($filter) {
    return function (input1, scope, input2) {
        return "input1 : " + input1 + " input1" + input2;
    };
}]);

 

내용은 원하는 대로 작성하시면 됩니다.

 

 

2. 사용하기

이렇게 만든 커스텀 필터는 일반필터처럼 사용할 수 있습니다.

 

여기서 주의해야 할 것은 2번째 인자가 무조건 'scope'라는 것입니다.

 

 

마무리

이렇게 필터에 대한 설명을 끝냈습니다.

필터만 잘 사용해도 작업량이 많이 줄어듭니다.

디렉티브(directives, 지시자)와 함께 앵귤러에서 많이 쓰는 기능입니다.