Part 2: Features of Angular Js

A List of features of Angular Js

1.     Data Binding

2.     Directives

3.     Templates

4.     Data binding

5.     Services

6.     Filters

7.     Controllers

8.     Dependency Injection

9.     Validation

10. Routing

11. Factories

12. Modules

13. $scope

Let's discuss all this one by one.

1. Data binding: - 

Data binding in Angular JS is the synchronization between the model and the view.

2. Directives:-    

Angular JS lets you extend HTML with new attributes are called directives E.g. ng-app, ng-Init, ng-controller, ng-model etc.

3. Templates:-   

Templates are the rendered view with information from the controller and model. These can be a single file like index.html or multiple views.

4. Services:-        

In AngularJs, a service is a function, or object, that is available for, and limited to, your AngularJs application. Angular js has about 30 built in services. One of them is $location service. The $location service has methods which return information about the location of the current web page. 

5. Filters:- 

Filters can be added in AngularJS to format data. Eg. currency, date, lowerCase, uppercase etc.

6. Controllers:-  

In angular a controller is a JavaScript function. The Job of the controller is to build a model for the view to display. The model is the data. In a real world application, the controller may call into a service to retrieve data from the database.

7 Dependency Injection:-

 AngularJs has built-in dependency injection subsystem that helps the developer by making the application easier to develop, understand and test.

8. Validations:-    

 AngularJs helps to do client-side validations.

9. Routing:-        

 Routing is the best feature provided by AngularJS. Include ngRoute to make your application SPA(Single page application)with no page reloading.

10. JQLite:-    

Angular doesn’t depend on jQuery. In fact, the Angular source contains an embedded lightweight alternative: jqLite.

11. Factories:-   

Factories are used to create services. Using factory method we first define a factory and then assign method to it.

12. Module:- 

A module is a container for different parts of your application i.e controllers, services, directives, filters, etc. 

13. $scope:-  

$scope is a parameter that is passed to the controller function by angular framework. We attach the model to the $scope object, which will then be available in the view. Within the view, we can retrieve the data from the    scope object and display.