Email: Password:       Forgot Password 
    .netCodeSG
A Saarsha Group Online Community for dot net codes group like C#, Asp.NET, VB.NET, Sharepoint, JavaScript, JQuery, Ajax, SQL, WCF, WPF.
 
TECHNOLOGIES:
 

Exploring Directive, Expression and Bootstrapping of AngularJS Application

Article:
Viewed:  1103 
Posted On:  15/08/2014 05:39:29 
What is Bootstrapping of AngularJS Application? What is Directive, Expression in Angular? 

 

Exploring Directive, Expression and Bootstrapping of AngularJS Application

Bootstrapping is the equivalent of initializing, or starting, your Angular app. There are 2 main ways to do so.

The first is automatically bootstrapping by adding ng-app to the an element in your HTML, like so:

<html ng-app="myApp">
...
</html>

The second would be to bootstrap from the JavaScript, like so, after having creating your app through angular.module("myApp", []):

Bootstrapping of the Angular App happens in the following three steps

  1.     Injector Created
  2.     Injector creates the Root scope
  3.     Angular compile DOM stsrting from ng-App

Now we will see how Directive and expression works in Angular through a program.

Angular Example 1.png

Image 1.

Run the program.

Angular Example Output.png

Image 2.

  Comment:
         HOME   |   Submit Article   |   Contact Us   |   About Us   |   Terms & Condition   |   Advertise With us