Interesting Facts and Features about AngularJS

Let’s take a ride through some interesting Facts or Features about AngularJS:

1. MVC Architecture
MVC refers to Model View Architecture, a product example of developing applications. The model layer deals with information on the application. The view layer displays this information and the controller connects the model and the view layer. In trivial MVC structures and other languages, you are usually required to divide your application into these segments and write the code to associate them with each other as well, which honestly is, really tiresome work. In AngularJS, you just need to partition it into MVC and Angular takes care of the rest. This feature of AngularJS saves the developer a lot of time and tedious work.

2. The unique AngularJS Router
The router in this framework has a very particular usage. Unlike other frameworks, it doesn’t observe the location.hash. In those frameworks, the router observes and checks for the location.hash and calls the function after the route matches. Instead, it acts as a server-side router in AngularJS.

3. User Interface with HTML
AngularJS takes the assistance of User Interface with HTML to design the UI, making it a bit different from other frameworks. It is hard to adapt to shorter labels. However, Angular makes these short labels simple to use and execute. It gives an essentially better, and highly efficient interface, without raising any costs.



4. Directives
This is one of the unique functionalities of AngularJS, and one that makes it very different from other frameworks. Mandates allowed developers and design teams to portion out practices to the Document Object Model (DOM), enabling software architects to make a dynamic component with HTML.

Directives are attributes with the prefix ng- before their action.

  • The ng-app directive initializes the application.
  • The ng-init directive initializes the data.
  • The ng-model directive connects the value of the controls to the data.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<div ng-app="" ng-init="firstName='Rahul'">
  
<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote: {{ firstName }}</p>
  
</div>  

chevron_right


5. Scope
Apart from Directives, Scope is the other highly applicable functionality of AngularJS. Scopes are objects that advert to the model. They join the controller layer and the view layer with each other.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

angular.module('app', []).controller(
    function($scope) {
        $scope.message = "You're Awesome!"
    }
);

chevron_right


Explanation: From the above code, you can see that we can define a large number of variables like name, topic, age etc and assign them the relevant values. In the div tag, we can print these values.

6. Data Binding
AngularJS was developed with Model-View-Controller method of engineering. The system connects and binds the Model and the View. Changes made in the Interface will have a contiguous consequence on the objects of the application structure and vice versa. The changes and the consequences take place in real-time. AngularJS takes away the tedious task of working with getElementById, addEventlistener kind of coding.

7. Dependency Injection
Conditions characterize how the code interface one another and how the changes made in a particular section influence the rest of the application. Each change requires changing sections as well. In AngularJS, you can apply injectors that treat conditions as outside components, separating the segments from their respective states. This feature of Angular makes it sections highly reusable, and easier to verify and use. Dependency Injection eases the testing process, meaning less load on the Tester.

8. Compability
Applications developed with a framework like Angular also run smoothly on Android, iOS and major mobile OSes.

9. Avoid Tiresome Work
You can avoid to re-writing the code when developing a new app. In Angular, you can simply copy paste the code into the new app, and make an actual component. AngularJS writes most of the code and saves the user from unnecessary hassles.

10. Developed by Google
Google is one of the big fours of the new age. AngularJS is maintained and updated by a devoted group of profoundly gifted expert who realize and identify issues and bugs within the system. Also, with this kind of support and regular updates you wouldn’t have to worry about the Framework going obsolete anytime soon.

11. High Performance
A large number of variables can assist the developer/designer in making their application more agile.




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.