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
- Injector
Created
- Injector
creates the Root scope
- Angular
compile DOM stsrting from ng-App
Now we will see how Directive and
expression works in Angular through a program.
Image 1.
Run the program.
Image 2.