Latest web development tutorials

AngularJS와 필터

식 및 지침에 추가 (|) 필터는 파이프 문자를 사용할 수 있습니다.

AngularJS와 필터

AngularJS와 필터는 데이터를 변환 할 수있다 :

필터 기술
통화 형식 번호는 통화로 포맷.
필터 어레이로부터 아이템들의 서브 세트를 선택하는 단계를 포함한다.
소문자 형식 문자열은 소문자로.
해 orderBy 식에 따라 배열 배열.
대문자 대문자로 서식 문자열입니다.

필터 식 추가

파이프 문자 (|)를 통해 여과하고 필터를 표현에 부가된다. .

((아래 두 가지 예, 우리는) ​​이전 섹션은 사람이 컨트롤러를 언급 사용합니다)

대문자로 포맷 대문자 필터 문자열 :

예를 AngularJS와

<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "personCtrl">

<P> 이름은 {{이 lastName | 대문자}} < / P>

</ DIV>

»시도

소문자 문자열 형식에 소문자 필터 :

예를 AngularJS와

<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "personCtrl">

<P> 이름은 {{이 lastName | 소문자}} < / P>

</ DIV>

»시도

통화 필터

통화 디지털 필터는 통화 형식으로 포맷됩니다 :

예를 AngularJS와

<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "costCtrl">

<입력 유형 = "숫자"NG -Model = "양">
<입력 유형 = "숫자"NG -Model = "가격">

<P> 총 가격 = {{(수량 * 가격) | 통화}} </ P>

</ DIV>

»시도

명령에 필터를 추가

파이프 문자 (|)를 통해 여과하고 필터는 지시자에 첨가된다.

식에 따라 해 orderBy 필터 어레이 배열 :

예를 AngularJS와

<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "namesCtrl">

<UL>
<리 NG-반복 = "X 이름에 | 해 orderBy : '국가'">
{{X.name + ','+ x.country}}
</ 리>
</ UL>

<DIV>

»시도

필터 입력

파이프 (|)를 통해 문자 입력 필터 및 필터는 지시자에 콜론 및 모델명 다음에 필터를 추가한다.

필터의 필터 배열의 서브 세트를 선택

예를 AngularJS와

<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "namesCtrl">

<P> <입력 유형 = " 텍스트"NG 모델 = "테스트"> </ P>

<UL>
<리 NG-반복 = "X 이름에 | 필터 : 테스트 | 해 orderBy : '국가'">
{{(X.name | 대문자) + ','+ x.country}}
</ 리>
</ UL>

</ DIV>

»시도