Modules, AngularJS

Question:What are Modules in AngularJS? 
AnswerAngularJS modules are containers just like namespace in C#. They divide an angular app into small, reusable and functional components which can be integrated with other angular app. Each module is identified by a unique name and can be dependent on other modules. In AngularJS, every web page (view) can have a single module assigned to it via ng-app directive.

Creating an AngularJS module <script type="text/javascript">
//defining module 
angular.module('myApp', []); 
//OR defining module which has dependency on other modules 
angular.module('myApp', ['dependentModule1', 'dependentModule2']); 
</script>
Using an AngularJS module into your app

You can bootstrap your app by using your AngularJS module as given below:<html ng-app="myApp"> 
<head> ... </head>
<body> ... </body>
</html>

Report

Question:What components can be defined within AngularJS modules? 
AnswerYou can define following components with in your angular module:
Directive
Filter
Controller
Factory
Service
Provider
Value
Config settings and Routes

Report

Question:What is core module in AngularJS? 
Answerng is the core module in angular. This module is loaded by default when an angular app is started. This module provides the essential components for your angular app like directives, services/factories, filters, global APIs and testing components.

Report

Question:How angular modules load the dependencies? 
AnswerAn angular module use configuration and run blocks to inject dependencies (like providers, services and constants) which get applied to the angular app during the bootstrap process.

Report

Question:When dependent modules of a module are loaded? 
AnswerA module might have dependencies on other modules. The dependent modules are loaded by angular before the requiring module is loaded.

In other words the configuration blocks of the dependent modules execute before the configuration blocks of the requiring module. The same is true for the run blocks. Each module can only be loaded once, even if multiple other modules require it.

Report

Question:What is Global API? 
AnswerGlobal API provides you global functions to perform common JavaScript tasks such as comparing objects, deep copying, iterating through objects, and converting JSON data etc. All global functions can be accessed by using the angular object. The list of global functions is given below:

angular.lowercase - Converts the specified string to lowercase.
angular.uppercase - Converts the specified string to uppercase.
angular.forEach - Invokes the iterator function once for each item in obj collection, which can be either an object or an array.

angular.isUndefined - Determines if a reference is undefined.
angular.isDefined - Determines if a reference is defined.
angular.isObject - Determines if a reference is an Object.

angular.isString - Determines if a reference is a String.
angular.isNumber - Determines if a reference is a Number.
angular.isDate - Determines if a value is a date.
angular.isArray - Determines if a reference is an Array.
angular.isFunction - Determines if a reference is a Function.
angular.isElement - Determines if a reference is a DOM element (or wrapped jQuery element).

angular.copy - Creates a deep copy of source, which should be an object or an array.
angular.equals - Determines if two objects or two values are equivalent. Supports value types, regular expressions, arrays and objects.

angular.bind - Returns a function which calls function fn bound to self
angular.toJson - Serializes input into a JSON-formatted string. Properties with leading $$ characters will be stripped since angular uses this notation internally.

angular.fromJson - Deserializes a JSON string.
angular.bootstrap - Use this function to manually start up angular application.
angular.reloadWithDebugInfo - Use this function to reload the current application with debug information turned on.

angular.injector - Creates an injector object that can be used for retrieving services as well as for dependency injection

angular.element - Wraps a raw DOM element or HTML string as a jQuery element.
angular.module - Used for creating, registering and retrieving Angular modules.

Report

Question:What is Model in AngularJS? 
AnswerModels are plain old JavaScript objects that represent data used by your app. Models are also used to represent your app's current state.

Report

Question:What is ViewModel in AngularJS? 
AnswerA viewmodel is an object that provides specific data and methods to maintain specific views. Basically, it is a $scope object which lives within your AngularJS app's controller. A viewmodel is associated with a HTML element with the ng-model and ng-bind directives.

Report

First Prev 1 Next Last