최고의 AngularJS와 필터 튜토리얼 2024년, 이 튜토리얼에서는 AngularJS와 필터,필터 식 추가,예를 AngularJS와,예를 AngularJS와,통화 필터,예를 AngularJS와,명령에 필터를 추가,예를 AngularJS와,필터 입력,예를 AngularJS와,를 배울 수 있습니다.
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>
»시도