Angular JS is a UI framework maintained by Google, helps to separate the model, view and Controller(MVC) components in front end UI.
It clearly separates client side execution from the application logic.
It enables developers to easily create custom HTML elemens with new attributes which helps re-use custom defined tags.
Angular JS has scope variables which forms the Model(Data), which binds the View(access to data) and Controller(logic).
Angular JS are useful in developing Single Page Applications.(Where OnePage requests is independent of another Page)
Following are components are used to develop Angular JS applications.
Directives
Controllers
Expressions
Filters
Modules
Angular JS applications is initialized by Bootstrap Loader.
Bootstrap Loader starts with creation of new Injector(For DOM)
Injector creation-> Directives compilation -> Link Directive to Scope variables.
Angular-JS Example:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script> </head> <body> <div ng-app=""> <label>Dummy Text:</label> <input type="text" ng-model="studentname" placeholder="Enter a text"> Entered Text: {{studentname}} </div> </body> </html> |
Output: