THE WORLD'S LARGEST WEB DEVELOPER SITE

AngularJS References


AngularJS Directives

Directive Description
ng-app Defines the root element of an application.
ng-bind Binds the content of an HTML element to application data.
ng-bind-html Binds the innerHTML of an HTML element to application data, and also removes dangerous code from the HTML string.
ng-bind-template Specifies that the text content should be replaced with a template.
ng-blur Specifies a behavior on blur events.
ng-change Specifies an expression to evaluate when content is being changed by the user.
ng-checked Specifies if an element is checked or not.
ng-class Specifies CSS classes on HTML elements.
ng-class-even Same as ng-class, but will only take effect on even rows.
ng-class-odd Same as ng-class, but will only take effect on odd rows.
ng-click Specifies an expression to evaluate when an element is being clicked.
ng-cloak Prevents flickering when your application is being loaded.
ng-controller Defines the controller object for an application.
ng-copy Specifies a behavior on copy events.
ng-csp Changes the content security policy.
ng-cut Specifies a behavior on cut events.
ng-dblclick Specifies a behavior on double-click events.
ng-disabled Specifies if an element is disabled or not.
ng-focus Specifies a behavior on focus events.
ng-form Specifies an HTML form to inherit controls from.
ng-hide Hides or shows HTML elements.
ng-href Specifies a url for the <a> element.
ng-if Removes the HTML element if a condition is false.
ng-include Includes HTML in an application.
ng-init Defines initial values for an application.
ng-jq Specifies that the application must use a library, like jQuery.
ng-keydown Specifies a behavior on keydown events.
ng-keypress Specifies a behavior on keypress events.
ng-keyup Specifies a behavior on keyup events.
ng-list Converts text into a list (array).
ng-maxlength Specifies the maximum number of characters allowed in the input field.
ng-minlength Specifies the minimum number of characters allowed in the input field.
ng-model Binds the value of HTML controls to application data.
ng-model-options Specifies how updates in the model are done.
ng-mousedown Specifies a behavior on mousedown events.
ng-mouseenter Specifies a behavior on mouseenter events.
ng-mouseleave Specifies a behavior on mouseleave events.
ng-mousemove Specifies a behavior on mousemove events.
ng-mouseover Specifies a behavior on mouseover events.
ng-mouseup Specifies a behavior on mouseup events.
ng-non-bindable Specifies that no data binding can happen in this element, or its children.
ng-open Specifies the open attribute of an element.
ng-options Specifies <options> in a <select> list.
ng-paste Specifies a behavior on paste events.
ng-pluralize Specifies a message to display according to en-us localization rules.
ng-readonly Specifies the readonly attribute of an element.
ng-repeat Defines a template for each data in a collection.
ng-required Specifies the required attribute of an element.
ng-selected Specifies the selected attribute of an element.
ng-show Shows or hides HTML elements.
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 for an element.
ng-submit Specifies expressions to run on onsubmit events.
ng-switch Specifies a condition that will be used to show/hide child elements.
ng-transclude Specifies a point to insert transcluded elements.
ng-value Specifies the value of an input element.

AngularJS Directives on HTML Elements

AngularJS modifies the default behavior of some HTML elements.

Element Description
a AngularJS modifies the <a> element's default behaviors.
form AngularJS modifies the <form> element's default behaviors.
input AngularJS modifies the <input> element's default behaviors.
script AngularJS modifies the <script> element's default behaviors.
select AngularJS modifies the <select> element's default behaviors.
textarea AngularJS modifies the <textarea> element's default behaviors.

AngularJS Filters

Filter Description
currency Format a number to a currency format.
date Format a date to a specified format.
filter Select a subset of items from an array.
json Format an object to a JSON string.
limitTo Limits an array, or a string, into a specified number of elements/characters.
lowercase Format a string to lower case.
number Format a number to a string.
orderBy Orders an array by an expression.
uppercase Format a string to upper case.

Filters are explained in Angular Filters.


AngularJS Validation Properties

  • $dirty
  • $invalid
  • $error

Validation is explained in Angular Validation.


AngularJS Global API

Converting

API Description
angular.lowercase() Converts a string to lowercase
angular.uppercase() Converts a string to uppercase
angular.copy() Creates a deep copy of an object or an array
angular.forEach() Executes a function for each element in an object or array

Comparing

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 references are equal

JSON

API Description
angular.fromJson() Takes a JSON string and returns an JavaScript object
angular.toJson() Takes a JavaScript object and returns a JSON string

Basic

API Description
angular.bootstrap() Starts AngularJS manually
angular.element() Wraps an HTML element as an jQuery element
angular.module() Creates, registers, or retrieves an AngularJS module

The Global API is explained in Angular API.