AngularJS 참조 매뉴얼

AngularJS 지시

지시 설명
ng-app 애플리케이션의 루트 요소를 정의합니다.
ng-bind HTML 요소의 내용을 애플리케이션 데이터에 바인딩합니다.
ng-bind-html HTML 요소의 innerHTML을 애플리케이션 데이터에 바인딩하고, HTML 문자열에서 위험한 코드를 제거합니다.
ng-bind-template 텍스트 내용이 템플릿으로 대체되도록 지정합니다.
ng-blur ぼやけ 이벤트에서의 행동을 지정합니다.
ng-change 사용자가 내용을 변경할 때 계산되어야 할 표현식을 지정합니다.
ng-checked 요소가 선택되었는지 지정합니다.
ng-class HTML 요소에 CSS 클래스를 지정합니다.
ng-class-even ng-class와 같지만, 왼쪽 행에만 적용됩니다.
ng-class-odd ng-class와 같지만, 오른쪽 행에만 적용됩니다.
ng-click 요소가 클릭될 때 계산되어야 할 표현식을 지정합니다.
ng-cloak 애플리케이션 로드 중에 깜짝 떠오르는 문제를 방지합니다.
ng-controller 애플리케이션의 컨트롤러 객체를 정의합니다.
ng-copy 복사 이벤트에서의 행동을 지정합니다.
ng-csp 更改内容安全策略。
ng-cut 콘텐츠 보안 정책을 변경합니다.
ng-cut cut 이벤트에서의 행동을 지정합니다.
ng-dblclick dblclick 이벤트에서의 행동을 지정합니다.
ng-disabled 요소가 비활성화되었는지 여부를 지정합니다.
ng-focus 포커스 이벤트에서의 행동을 지정합니다.
ng-form 부모 컨트롤을 상속받는 HTML 양식을 지정합니다.
ng-hide HTML 요소를 숨기거나 표시합니다.
ng-href <a> 요소의 url을 지정합니다.
ng-if 조건이 false면 HTML 요소를 제거합니다.
ng-include 애플리케이션에 HTML을 포함합니다.
ng-init 애플리케이션의 초기 값을 정의합니다.
ng-jq 애플리케이션에서 사용해야 하는 라이브러리, 예를 들어 jQuery를 지정합니다.
ng-keypress keypress 이벤트에서의 행동을 지정합니다.
ng-keyup keyup 이벤트에서의 행동을 지정합니다.
ng-list 텍스트를 목록(배열)으로 변환합니다.
ng-maxlength 입력 필드에 허용되는 최대 문자 수를 지정합니다.
ng-minlength 입력 필드에 허용되는 최소 문자 수를 지정합니다.
ng-model HTML 컨트롤의 값을 애플리케이션 데이터에 바인딩합니다.
ng-model-options 모델에서의 업데이트를 완료하는 방법을 지정합니다.
ng-mousedown mousedown 이벤트에서의 행동을 지정합니다.
ng-mouseenter mouseenter 이벤트에서의 행동을 지정합니다.
ng-mouseleave mouseleave 이벤트에서의 행동을 지정합니다.
ng-mousemove mousemove 이벤트에서의 행동을 지정합니다.
ng-mouseover mouseover 이벤트에서의 행동을 지정합니다.
ng-mouseup mouseup 이벤트에서의 행동을 지정합니다.
ng-non-bindable 이 요소나 그 자식 요소에서 데이터 바인딩이 발생하지 않도록 지정합니다.
ng-open 요소의 open 속성을 지정합니다.
ng-options <select> 목록의 <options>을 지정합니다.
ng-paste paste 이벤트에서의 행동을 지정합니다.
ng-pluralize en-us 로컬화 규칙에 따라 표시되는 메시지를 지정합니다.
ng-readonly 요소의 readonly 속성을 지정합니다.
ng-repeat 집합의 각 데이터에 템플릿을 정의합니다.
ng-required 요소의 required 속성을 지정합니다.
ng-selected 요소의 selected 속성을 지정합니다.
ng-show HTML 요소를 표시하거나 숨깁니다.
ng-src <img> 요소의 src 속성을 지정합니다.
ng-srcset <img> 요소의 srcset 속성을 지정합니다.
ng-style 요소의 style 속성을 지정합니다.
ng-submit onsubmit 이벤트에서 실행할 표현식을 지정합니다.
ng-switch 자식 요소를 표시/숨기는 조건을 지정합니다.
ng-transclude 데이터가 삽입될 위치를 지정합니다.
ng-value input 요소의 값을 지정합니다.

HTML 요소에 대한 AngularJS 지시

AngularJS는 일부 HTML 요소의 기본 동작을 변경했습니다.

요소 설명
a AngularJS는 <a> 요소의 기본 동작을 변경했습니다.
form AngularJS는 <form> 요소의 기본 동작을 변경했습니다.
input AngularJS는 <input> 요소의 기본 동작을 변경했습니다.
script AngularJS는 <script> 요소의 기본 동작을 변경했습니다.
select AngularJS는 <select> 요소의 기본 동작을 변경했습니다.
textarea AngularJS는 <textarea> 요소의 기본 동작을 변경했습니다.

AngularJS 필터

필터 설명
currency 숫자를 화폐 형식으로 포맷합니다.
date 날짜를 지정된 형식으로 포맷합니다.
filter 배열에서 요소의 부분 집합을 선택합니다.
json 객체를 JSON 문자열로 포맷합니다.
limitTo 배열이나 문자열을 지정된 요소/문자 수로 제한합니다.
lowercase 문자열을 소문자로 포맷합니다.
number 숫자를 문자열로 포맷합니다.
orderBy 표현식을 통해 배열을 정렬합니다.
uppercase 문자열을 대문자로 포맷합니다.

또는 참조하십시오：

教程：Angular 필터。

AngularJS 검증 속성

  • $dirty
  • $invalid
  • $error

또는 참조하십시오：

教程：Angular 검증。

AngularJS 전역 API

변환

API 설명
angular.lowercase() 문자열을 소문자로 변환합니다.
angular.uppercase() 문자열을 대문자로 변환합니다.
angular.copy() 객체나 배열의 깊은 복사본을 생성합니다.
angular.forEach() 객체나 배열의 각 요소에 대해 함수를 수행합니다.

비교

API 설명
angular.isArray() 참조가 배열이면 true를 반환합니다.
angular.isDate() 참조가 날짜이면 true를 반환합니다.
angular.isDefined() 참조가 정의되었을 경우 true를 반환합니다.
angular.isElement() 참조가 DOM 요소이면 true를 반환합니다.
angular.isFunction() 참조가 함수이면 true를 반환합니다.
angular.isNumber() 참조가 숫자이면 true를 반환합니다.
angular.isObject() 참조가 객체이면 true를 반환합니다.
angular.isString() 참조가 문자열이면 true를 반환합니다.
angular.isUndefined() 참조가 미정의되었을 경우 true를 반환합니다.
angular.equals() 두 참조가 일치하면 true를 반환합니다.

JSON

API 설명
angular.fromJson() JSON 문자열을 받아 JavaScript 객체를 반환합니다.
angular.toJson() JavaScript 객체를 받아 JSON 문자열을 반환합니다.

기본

API 설명
angular.bootstrap() AngularJS를 수동으로 시작합니다.
angular.element() HTML 요소를 jQuery 요소로 래핑합니다.
angular.module() AngularJS 모듈을 생성, 등록 또는 검색합니다.

또는 참조하십시오：

教程：Angular API。