AngularJs What Is AngularJS

What is AngularJS?

Lets now see how the official website of Angular describes AngularJS.

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. Angular’s data binding and dependency injection eliminate much of the code you would otherwise have to write.

I am sure you must now be wondering about the terms ‘structural framework’, ‘extend HTML’, ‘data binding’, ‘dependency injection’, etc, mentioned in the above definition of AngularJS.

Let us understand the meaning of these terms, one by one.

Structural framework:

AngularJS provides separation of concerns by organizing the application code into Model-View-Controller (MVC) architecture on the client side. Angular gives benefit of maintaining a higher level abstraction by additionally managing, wiring and serving MVC components whenever required.

Extend HTML syntax:

AngularJS provides a Declarative Interface which lets the designer use HTML as template language and extend the HTML syntax by inventing our own attributes to existing elements or create new HTML elements. The declarative approach immensely simplifies application development in a sort of “what you see is what you get” way. We just need to define what we want rather than spending time on how it works, unlike how it is done in other frameworks.

Data binding:

Angular binds the view and the model to populate the UI in a bi-directional way, there-by facilitating instant projection of data in view.

Dependency Injection:

To get hold of dependencies, the dependencies just need to be passed as parameters to AngularJS components. There is no need for explicit instantiation/creation of the dependencies.