What exactly Angular Js is?
Let’s get started with Angular Js
Ever since , I have been associated with Angular JS, i have seen how Angular JS makes things so simple with its features like data binding, templating, routing etc.
Benefits of Angular Js
2) Applications written in angular js are cross browser compatible.
3) Angular Js is open source, completely free to use.
4) Angular Js is a MVC framework to build large scale and best performance application.
5) Angular Js offers more functionality with less code.
6) Components build using angular js are unit testable.
Angular Js Components:
Every application written in angular js is created using modules. Every module can have dependencies on other modules or it can be a single module as well.
It acts as a container for different part of an application for making code more reusable.
Controller is a heart of an application. It is used to interact with view and model. Ng-controller directive is used to declare a controller.
Angular Js extends html elements with new attributes called Directives.
Most directives in Angular Js starting with “ng-” prefix keyword where ng stands for Angular.
The ng-app directive defines angular js application.
The ng-init directive initialises angular js variables.
3) ng- model
The ng-model directive is used to bind value of application data to html control.
This directive is used for two way data-binding. It binds <input>, <select> or <textarea> elements to a particular property on the $scope object.
4) ng- bind
The ng-bind directive is used to binds the Angular JS Application data to HTML. It is used to update an element if the value of an expression changes.
The ng- controller attaches controller to MVC view.
The ng-repeat directive repeats Html element once per each item in the particular collection.
$Scope is a built in directive which contains application data and object. It manages controller and view. It is used to transfer data between controller and view and vice versa.
Angular js mainly used for single page application, it loads single Html page and dynamically change the page as per user interacts with the web Application.
Angular js supports SPA using ngRoute.
It is a view with information from the controller and model. It can be a single file or can be multiple views in one page.