AngularJS Reference Manual
AngularJS Directives
AngularJS directives used in this tutorial:
| Directive | Description |
|---|---|
| ng-app | Defines the root element of the application. |
| ng-bind | Binds an HTML element to application data. |
| ng-bind-html | Binds the innerHTML of an HTML element to application data and removes dangerous characters from the HTML string. |
| ng-bind-template | Specifies text content to be replaced with a template. |
| ng-blur | Specifies the behavior of the blur event. |
| ng-change | Specifies an expression to evaluate when content changes. |
| ng-checked | Specifies whether an element is checked. |
| ng-class | Specifies the CSS classes used by the HTML element. |
| ng-class-even | Similar to ng-class, but only works on even rows. |
| ng-class-odd | Similar to ng-class, but only works on odd rows. |
| ng-click | Defines the behavior when an element is clicked. |
| ng-cloak | Prevents flashing while the application is loading. |
| ng-controller | Defines the controller object for the application. |
| ng-copy | Specifies the behavior of the copy event. |
| ng-csp | Modifies the content security policy. |
| ng-cut | Specifies the behavior of the cut event. |
| ng-dblclick | Specifies the behavior of the double-click event. |
| ng-disabled | Specifies whether an element is disabled. |
| ng-focus | Specifies the behavior of the focus event. |
| ng-form | Specifies that an HTML form inherits from a controller form. |
| ng-hide | Hides or shows an HTML element. |
| ng-href | Specifies the link for the <a> element. |
| ng-if | Removes an HTML element if the condition is false. |
| ng-include | Includes an HTML file in the application. |
| ng-init | Defines the initial values for the application. |
| ng-jq | Specifies the library the application must use, e.g., jQuery. |
| ng-keydown | Specifies the behavior of the keydown event. |
| ng-keypress | Specifies the behavior of the keypress event. |
| ng-keyup | Specifies the behavior of the keyup event. |
| ng-list | Converts text into a list (array). |
| ng-model | Binds the value of an HTML controller to application data. |
| ng-model-options | Specifies how the model is updated. |
| ng-mousedown | Specifies the behavior when a mouse button is pressed. |
| ng-mouseenter | Specifies the behavior when the mouse pointer enters an element. |
| ng-mouseleave | Specifies the behavior when the mouse pointer leaves an element. |
| ng-mousemove | Specifies the behavior when the mouse pointer moves within an element. |
| ng-mouseover | Specifies the behavior when the mouse pointer is over an element. |
| ng-mouseup | Specifies the behavior when a mouse button is released over an element. |
| ng-non-bindable | Specifies that an element or its child elements cannot bind data. |
| ng-open | Specifies the open attribute of an element. |
| ng-options | Specifies the <options> in a <select> list. |
| ng-paste | Specifies the behavior of the paste event. |
| ng-pluralize | Displays messages according to localization rules. |
| ng-readonly | Specifies the readonly attribute of an element. |
| ng-repeat | Defines the template for each item in a collection. |
| ng-selected | Specifies the selected attribute of an element. |
| ng-show | Shows or hides an HTML element. |
| ng-src | Specifies the src attribute for the <img> element. |
| ng-srcset | Specifies the srcset attribute for the <img> element. |
| ng-style | Specifies the style attribute of an element. |
| ng-submit | Specifies an expression to evaluate when the form is submitted. |
| ng-switch | Specifies conditions to show or hide child elements. |
| ng-transclude | Specifies the target position for filling. |
| ng-value | Specifies the value of an input element. |
Filter explanation: AngularJs Filters.
AngularJS Events
AngularJS supports the following events:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
Event explanation: Angular Events.
AngularJS Validation Properties
- $dirty
- $invalid
- $error
Validation explanation: Angular Validation.
AngularJS Global API
Conversion
| API | Description |
|---|---|
| angular.lowercase() | Converts a string to lowercase. |
| angular.uppercase() | Converts a string to uppercase. |
| angular.copy() | Deep copies an array or object. |
| angular.forEach() | Iterates over an object or array. |
Comparison
| API | Description |
|---|---|
| angular.isArray() | Returns true if the reference is an array. |
| angular.isDate() | Returns true if the reference is a date. |
| angular.isDefined() | Returns true if the reference is defined. |
| angular.isElement() | Returns true if the reference is a DOM element. |
| angular.isFunction() | Returns true if the reference is a function. |
| angular.isNumber() | Returns true if the reference is a number. |
| angular.isObject() | Returns true if the reference is an object. |
| angular.isString() | Returns true if the reference is a string. |
| angular.isUndefined() | Returns true if the reference is undefined. |
| angular.equals() | Returns true if two objects are equal. |
JSON
| API | Description |
|---|---|
| angular.fromJson() | Deserializes a JSON string. |
| angular.toJson() | Serializes a JSON string. |
Basics
| API | Description |
|---|---|
| angular.bootstrap() | Starts AngularJS manually. |
| angular.element() | Wraps a DOM element or HTML string as a jQuery element. |
| angular.module() | Creates, registers, or retrieves an AngularJS module. |
Global API explanation: Angular API.