service in module ngAnimate The $animateCss service is a useful utility to trigger customized CSS-based transitions/keyframes from a JavaScript-based animation or directly from a directive. The purpose of $animateCss is NOT to side-step how $animate and ngAnimate work, but the goal is to allow pre-existing animations or directives to create more complex animations that can be purely driven using CSS code. Note that only browsers that support CSS transitions and/or keyframe animations are c

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

ng.type

Name Description angular.Module Interface for configuring angular modules. $cacheFactory.Cache A cache object used to store and retrieve data, primarily used by $http and the script directive to cache templates and other data. $compile.directive.Attributes A shared object between directive compile / linking functions which contains normalized DOM element attributes. The values reflect current binding state {{ }}. The normalization is needed since all of these are treated as equivalent in A

ng.service

Name Description $anchorScroll 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. $animate The $animate service exposes a series of DOM utility methods that provide support for animation hooks. The default behavior is the application of DOM operations, however, when an animation is detected (and animations are enabled), $animate will do the heavy lifting to ensure t

ng.object

Name Description angular.version An object that contains information about the current AngularJS version.

ng.function

Name Description angular.forEach Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key, obj), where value is the value of an object property or an array element, key is the object property key or array element index and obj is the obj itself. Specifying a context for the function is optional. angular.extend Extends the destination object dst by copying own enumerable properties

ng.provider

Name Description $anchorScrollProvider Use $anchorScrollProvider to disable automatic scrolling whenever $location.hash() changes. $animateProvider Default implementation of $animate that doesn't perform any animations, instead just synchronously performs DOM updates and resolves the returned runner promise. $compileProvider $controllerProvider The $controller service is used by Angular to create new controllers. $filterProvider Filters are just functions which transform input to an out

ng.directive

Name Description ngJq Use this directive to force the angular.element library. This should be used to force either jqLite by leaving ng-jq blank or setting the name of the jquery variable under window (eg. jQuery). ngApp Use this directive to auto-bootstrap an AngularJS application. The ngApp directive designates the root element of the application and is typically placed near the root element of the page - e.g. on the <body> or <html> tags. a Modifies the default behavior of t

ng.filter

Name Description filter Selects a subset of items from array and returns it as a new array. currency Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default symbol for current locale is used. number Formats a number as text. date Formats date to a string based on the requested format. json Allows you to convert a JavaScript object into JSON string. lowercase Converts string to lowercase. uppercase Converts string to uppercase. limitTo Creates a

ng

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