Installation First include angular-animate.js in your HTML: <script src="angular.js"> <script src="angular-animate.js"> You can download this file from the following places: Google CDN e.g. //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-animate.js Bower e.g. bower install angular-animate@X.Y.Z code.angularjs.org e.g. "//code.angularjs.org/X.Y.Z/angular-animate.js" where X.Y.Z is the AngularJS version you are running. Then load the module in your application by addin

This section briefly touches on all of the important parts of AngularJS using a simple example. For a more in-depth explanation, see the tutorial. Concept Description Template HTML with additional markup Directives extend HTML with custom attributes and elements Model the data shown to the user in the view and with which the user interacts Scope context where the model is stored so that controllers, directives and expressions can access it Expressions access variables and functions from the sco

annotate(fn, [strictDi]); Returns an array of service names which the function is requesting for injection. This API is used by the injector to determine which services need to be injected into the function when the function is invoked. There are three ways in which the function can be annotated with the needed dependencies. Argument names The simplest form is to extract the dependencies from the arguments of the function. This is done by converting the function into a string using toString()

filter in module ngSanitize Finds links in text input and turns them into html links. Supports http/https/ftp/mailto and plain email address links. Requires the ngSanitize module to be installed. Usage In HTML Template Binding <span ng-bind-html="linky_expression | linky"></span> In JavaScript $filter('linky')(text, target, attributes) Arguments Param Type Details text string Input text. target string Window (_blank|_self|_parent|_top) or named frame to open links

Installation First include angular-componentrouter.js in your HTML: <script src="angular.js"> <script src="angular-componentrouter.js"> You can download this file from the following places: Google CDN e.g. //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-componentrouter.js Bower e.g. bower install angular-componentrouter@X.Y.Z code.angularjs.org e.g. "//code.angularjs.org/X.Y.Z/angular-componentrouter.js" where X.Y.Z is the AngularJS version you are running. Then load

ng (core module) The ng module is loaded by default when an AngularJS application is started. The module itself contains the essential components for an AngularJS application to function. The table below lists a high level breakdown of each of the services/factories, filters, directives and testing components available within this core module. Module Components Function Name Description angular.forEach Invokes the iterator function once for each item in obj collection, which can be either an

$anchorScrollProvider service in module ng When called, it scrolls to the element related to the specified hash or (if omitted) to the current value of $location.hash(), according to the rules specified in the HTML5 spec. It also watches the $location.hash() and automatically scrolls to match any anchor whenever it changes. This can be disabled by calling $anchorScrollProvider.disableAutoScrolling(). Additionally, you can use its yOffset property to specify a vertical scroll-offset (eith

Name Description ngMessages ngMessages is a directive that is designed to show and hide messages based on the state of a key/value object that it listens on. The directive itself complements error message reporting with the ngModel $error object (which stores a key/value state of validation errors). ngMessagesInclude ngMessagesInclude is a directive with the purpose to import existing ngMessage template code from a remote template and place the downloaded template code into the exact spot th

$filter provider in module ng Filters are just functions which transform input to an output. However filters need to be Dependency Injected. To achieve this a filter definition consists of a factory function which is annotated with dependencies and is responsible for creating a filter function. Note: Filter names must be valid angular Expressions identifiers, such as uppercase or orderBy. Names with special characters, such as hyphens and dots, are not allowed. If you wish to namespace

directive in module ng Sets the selected attribute on the element, if the expression inside ngSelected is truthy. A special directive is necessary because we cannot use interpolation inside the selected attribute. See the interpolation guide for more info. Directive Info This directive executes at priority level 100. Usage as attribute: <OPTION ng-selected="expression"> ... </OPTION> Arguments Param Type Details ngSelected expression If the expression is truthy, the