AngularJS

Automatic synchronization of data between the model and view components is referred as data binding in Angular.js.

There are two ways for data binding:

► Data mining in classical template systems

► Data binding in angular templates

Compilation of HTML process occurs in following ways:

► Using the standard browser API, first the HTML is parsed into DOM

► By using the call to the $compile () method, compilation of the DOM is performed. The method traverses the DOM and matches the directives.

► Link the template with scope by calling the linking function returned from the previous step

Angular js routes enable you to create different URLs for different content in your application. Different URLs for different content enables user to bookmark URLs to specific content. Each such bookmarkable URL in Angular.js is called a route

A value in Angular JS is a simple object. It can be a number, string or JavaScript object. Values are typically used as configuration injected into factories, services or controllers. A value should be belong to an Angular.js module.

Injecting a value into an Angular.js controller function is done by adding a parameter with the same name as the value.

You can initialize a select box with options on page load by using ng-init directive

► <div ng-controller = " apps/dashboard/account " ng-switch

► On = "! ! accounts" ng-init = " loadData ( ) ">

Loops, conditionals or exceptions cannot be used in an angular expression.

There is no need to register callbacks . This makes your code simple and easy to debug.

Angular.js has several advantages in web development:

► Angular.js supports MVS pattern

► Can do two ways data binding using Angular.js

► It has per-defined form validations

► It supports both client server communication

► It supports animations

In Angular, the expressions are evaluated against a scope object, while the Javascript expressions are evaluated against the global window.

In angular.js services are the singleton objects or functions that are used for carrying out specific tasks. It holds some business logic and these function can be called as controllers, directive, filters and so on.

Scope refers to the application model, it acts like glue between application controller and the view. Scopes are arranged in hierarchical structure and impersonate the DOM ( Document Object Model) structure of the application. It can watch expressions and propagate events.

1 <div ng-app="" ng-init="myobj={Str1:'Web',Str2:'Technology'}">

2 String Display: <b>{{ myobj.Str2 }}</b></div>

1 <div ng-app="" ng-init="Str1='Web';Str2='Technology'">

2 Full String is : <b>{{ Str1 + " " + Str2 }}</b>

3 </div>

In Angular expression evaluation is forgiving to null and undefined, while in Javascript undefined properties generates TypeError or ReferenceError.

It is used to display the data in loop same as foreach in PHP.

1 <div ng-app="">

2 <b>Expression: {{ 15 + 55 }}</b>

3 </div>

1 <div ng-app="" ng-init="quantity=10;cost=5" class="ng-scope">

2 <b class="ng-binding">Total Cost: 50</b>

3 </div>

Controller is constructor function in Angular Controller.

When a Controller is attached to the DOM with use the ng-controller, Angular will instantiate a new Controller object using constructor function.