AngularJS is designed to be modular, it is very easy to reuse parts from one project to other, adapt visualization, or even to test and verify the correct behavior of each module independently (reducing the possibility to introduce bugs).
AngularJS is used to create web pages but also mobile apps.
Nowadays, some libraries so populars like jQuery, are being replaced by AngularJS. Making them almost obsolete.
<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello !</h1> </div> </body> </html>
Works like a game engine
AngularJS works like a game engine: it has a engine loop that updates and draws everything.
Data to be displayed in HTML is kept in a special
environment variables called
This data are values which can be manipulated
Time to time, the main loop is triggered
and HTML will be updated.
This loop is known as the
What it does is to check every value inside
$scope against a copy of the previous loop.
If all values are the same it stops and updates
HTML values. If some values have been changed,
the loop computes all derived values and the loop
is triggered again. This step is repeated until
nothing changes, or a maximum loops have been
I really suggest to read the source code to learn about it works.
Lots of libraries
AngularJS have lots of external modules. Some of them are:
Bootstrap + AngularJS:
How to control route changes and avoid false redraws: here.