AngularJS | 필터 | 표준 필터


필터는 매우 쉽게 사용할 수 있지만, 도대체 어떤 필터가 준비되어 있는지 모르면 사용 방법할 수 없다. 여기에서 AngularJS에 표준으로 제공되는 필터에 대해 설명한다.

currency

숫자를 금액으로 표기하기 위한 필터이다. 단순히 currency만 지정하면 달러 표기로 표시된다. currency : '₩' 이렇게 하면 원화가 표시된다.

date

Date 값을 정해진 형식의 날짜 텍스트에 서식하는 필터이다. 포맷의 이름이나 어떤 패턴을 값으로 지정한다. 포맷의 이름과 패턴에서 사용할 수 있는 메타 문자는 다음과 같다.

포맷 이름

포멧 이름 설명
short, shortTime, shortDate 짧은 형식의 포맷이다.
medium, mediumTime, mediumDate 통상적으로 사용되는 형식의 포맷이다.
longDate, fullDate 긴 형식의 날짜 포맷이다.

패턴의 메타 문자

문자 설명
y 년 (서기)를 나타낸다.
M 월을 나타낸다.
d 일을 나타낸다.
E 요일을 나타낸다.
H 24시간제의 시간을 나타낸다.
h 12시간제의 시간을 나타낸다.
m 분을 나타낸다.
s 초를 나타낸다.
.sss 밀리 초를 나타낸다.
a 오전, 오후를 나타낸다.
z 타임존을 나타낸다.

number

숫자를 특정 자릿수로 반올림하여 표시하는 필터이다. 예를 들어, number : 4라고 하면 앞에 4자리만 표시하고 5번째 자리를 반올림한다.

json

객체의 값을 JSON 형식으로 변환하여 출력하는 필터이다.

uppercase / lowercase

텍스트를 모두 대문자 또는 소문자로 변환하는 필터이다.