YouTipMy Notes
Number of characters left:
is the scope for the controller in the HTML page: ng-controller="**myNoteCtrl**":
The **ng-model** directive binds the
The two **ng-click** events call the controller functions **clear()** and **save()**:
The **ng-bind** directive binds the controller function **left()** to the to display the remaining characters:
Number of characters left:
The application library files need to execute after AngularJS has loaded:
* * *
## AngularJS Application Architecture
The example above is a complete AngularJS single-page web application (SPA).
The element contains the AngularJS application (**ng-app=**).
The
element defines the scope for the AngularJS controller (**ng-controller=**).
An application can have many controllers.
The application file (**my...App.js**) defines the application model code.
One or more controller files (**my...Ctrl.js**) define the controller code.
* * *
## Summary - How Does It Work?
The ng-app directive is located at the root of the application.
For a single-page web application (SPA), the root of the application is typically the element.
One or more ng-controller directives define the application's controllers. Each controller has its own scope: the defined HTML elements.
AngularJS starts automatically when the HTML DOMContentLoaded event occurs. If the ng-app directive is found, AngularJS loads the module specified in the directive and compiles the HTML with ng-app as the root of the application.
The root of the application can be the entire page, or a small part of the page. If it's a small part, compilation and execution will be faster.