AngularJS is an open-source internet utility framework. It turned into at first developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by means of Google. Its trendy model is 1.2.21.
General Features:
The general functions of AngularJS are as follows −
AngularJS is a efficient framework that may create Rich Internet Applications (RIA).
AngularJS provides builders an alternatives to write down client side applications the use of JavaScript in a easy Model View Controller (MVC) way.
Applications written in AngularJS are cross-browser compliant. AngularJS robotically handles JavaScript code suitable for each browser.
AngularJS is open source, completely free, and used by thousands of developers across the world. It is licensed underneath the Apache license model 2.0.
Overall, AngularJS is a framework to build huge scale, high-performance, and easyto-hold net applications.
Core Features:
The core features of AngularJS are as follows −
Data-binding − It is the automatic synchronization of facts between model and think about components.
Scope − These are items that refer to the model. They act as a glue between controller and look at.
Controller − These are JavaScript capabilities sure to a selected scope.
Services − AngularJS comes with severalbuilt-inofferingsincluding$http to make a XMLHttpRequests. These are singleton items which might be instantiated handiest as soon as in app.
Filters − These pick out a subset of gadgets from an array and returns a brand new array.
Directives − Directives are markers on DOM elements which includes elements, attributes, css, and more. These can be used to create custom HTML tags that function new, custom widgets. AngularJS has integrated directives inclusive of ngBind, ngModel, etc.
Templates − These are the rendered view with statistics from the controller and version. These may be a single file (inclusive of index.Html) or multiple perspectives in a single page the usage of partials.
Routing − It is concept of switching perspectives.
Model View Whatever − MVW is a layout pattern for dividing an utility into exclusive parts known as Model, View, and Controller, every with awesome responsibilities. AngularJS does not enforce MVC in the conventional sense, but rather something towards MVVM (Model-View-ViewModel). The Angular JS team refers it humorously as Model View Whatever.
Deep Linking − Deep linking permits to encode the kingdom of utility in the URL so that it may be bookmarked. The utility can then be restored from the URL to the same state.
Dependency Injection − AngularJS has a built-in dependency injection subsystem that facilitates the developer to create, understand, and take a look at the packages easily.
Concepts:
The following diagram depicts some important parts of AngularJS which we will discuss in detail in the subsequent chapters.
Advantages of AngularJS:
The benefits of AngularJS are −
It provides the capability to create Single Page Application in a totally clean and maintainable way.
It presents records binding capability to HTML. Thus, it gives user a wealthy and responsive experience.
AngularJS code is unit testable.
AngularJS uses dependency injection and employ separation of concerns.
AngularJS affords reusable components.
With AngularJS, the developers can obtain more functionality with quick code.
In AngularJS, perspectives are pure html pages, and controllers written in JavaScript do the enterprise processing.
On the top of everything, AngularJS applications can run on all fundamental browsers and smart phones, inclusive of Android and iOS primarily based phones/tablets.
Disadvantages of AngularJS:
Though AngularJS comes with quite a few merits, right here are some points of concern −
Not Secure − Being JavaScript handiest framework, software written in AngularJS aren’t safe. Server facet authentication and authorization is have to to keep an utility secure.
Not degradable − If the consumer of your utility disables JavaScript, then nothing could be visible, except the simple page.
AngularJS Directives:
The AngularJS framework may be divided into three primary parts −
Ng-app − This directive defines and hyperlinks an AngularJS application to HTML.
Ng-model − This directive binds the values of AngularJS utility information to HTML enter controls.
Ng-bind − This directive binds the AngularJS utility information to HTML tags.