AngularJS 내장 필터에 대한 자세한 설명_AngularJS

오늘은 AngularJS에 내장된 필터에 대해 알아 보겠습니다

내장 필터를 사용하는 방법을 살펴보겠습니다.

매개변수가 없는 필터
{{표현식 필터}}

매개변수가 포함된 필터
{{표현식 필터:인수}}

여러 매개변수가 포함된 필터
{{표현식 | 필터: arg1: arg2: ...}}

매개변수가 없는 다중 필터
{{식 | 필터1 | 필터2 ...}}

아래에서는 다음과 같은 AngularJS 내장 필터를 사용합니다

통화

통화를 사용하면 자체 통화 기호를 설정할 수 있습니다. 기본적으로 클라이언트가 위치한 지역의 통화 기호가 사용됩니다.
다음과 같이 사용할 수 있습니다: {{ 3600 | 통화: "$₩"}}
반환된 결과는 $₩123.00입니다
온라인 코드를 미리 보려면 클릭하세요

번호

숫자 필터는 숫자를 텍스트 형식으로 지정하며 해당 매개변수는 선택 사항이며 소수점 이하 자릿수를 제어하는 ​​데 사용됩니다.
숫자가 아닌 문자가 전달되면 빈 문자열
이 반환됩니다. 다음과 같이 사용할 수 있습니다: {{ 3600 번호:2}}
반환된 결과는 다음과 같습니다: 3,600.00
온라인 코드를 미리 보려면 클릭하세요

소문자

소문자는 문자열을 소문자로 변환합니다
다음과 같이 사용할 수 있습니다: {{ "Hello" 소문자}}
반환 결과는 다음과 같습니다: hello
온라인 코드를 미리 보려면 클릭하세요

대문자

대문자는 문자열을 대문자로 변환합니다
다음과 같이 사용할 수 있습니다: {{ "Hello" 대문자}}
반환 결과는 다음과 같습니다: HELLO
온라인 코드를 미리 보려면 클릭하세요

json

json 필터는 JSON 또는 JavaScript 개체를 문자열로 변환할 수 있습니다.
이 필터는 디버깅에 매우 유용합니다
다음과 같이 사용할 수 있습니다: {{ {"name":"dreampapple","언어":"AngularJS"} json}}
반환 결과는 다음과 같습니다. { "name": "dreamapple", "언어": "AngularJS" }
온라인 코드를 미리 보려면 클릭하세요

날짜

날짜 필터는 날짜를 원하는 형식으로 필터링하는 정말 좋은 필터입니다.
이 필터를 사용하는 방법은 다양합니다. 다음은 일반적으로 사용되는 몇 가지 방법입니다.
{{ 오늘 | 날짜: "yyyy - mm - dd"}}
결과는 다음과 같습니다: 2015-15-13
{{ 오늘 | 날짜: "yyyy - mm - dd HH:mm::ss"}}
결과는 다음과 같습니다: 2015-18-13 20:18::38
[온라인코드](2015 - 18 - 13 20:18::38)

3가지 내장 필터도 있지만 사용하기가 조금 더 복잡하므로 다음 글에서 함께 살펴보겠습니다

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.