Tags

Hello World Sample Application - AngularJS

An AngularJS application is divided into two parts: Application Bindings AngularJS Application An AngularJS application defines the section of HTML that starts the AngularJS application. We define the application using the ng-app attribute. You can add this attribute with any HTML element like body, div, table. <body> <div ng-app> </div> <scri...

Continue Reading

Expressions - AngularJS

AngularJS expressions are used for display data from your Model to View. You can write expressions in double curly braces {{ expression }}. It is like one way binding from your Model to View and works just like ng-bind attribute. AngularJS expressions output the data where it is written. You can write expression with any numbers, strings, objects and arrays. AngularJS Expression...

Continue Reading

Directives - AngularJS

AngularJS Directives are indicators to AngularJS compiler to attach some behaviour to HTML DOM elements. AngularJS comes with some built-in directives but you can create your own custom directive. Some main AngularJS directives are: ng-app ng-bind ng-class ng-init ng-model ng-switch ng-repeat ng-app Directive The ng-app directive is used for defining the root...

Continue Reading

Controllers - AngularJS

AngularJS supports Model-View-Controller (MVC) architecture pattern. A Controller is a javascript object which has properties and functions. AngularJS Controller is the only object that communicates with both Models and Views. Controller Directive In AngularJS application, a controller directive is defined with ng-controller directive. <div ng-controller="empController"&...

Continue Reading

Filters - AngularJS

AngularJS Filters is used for change the format of the expression result. Filters are applied directly on expressions. AngularJS Filter Syntax {{ expression | filter1:arg1,arg2 | filter2:arg1,arg2 }} Filters use the pipe (|) character for its syntax. Main AngularJS Filters currency number lowercase uppercase json date orderBy limitTo currency Fi...

Continue Reading

Forms - AngularJS

AngularJS provides great way to create Forms which submit their data without postback. AngularJS Forms use two directives: ng-model: The ng-model directives is used for binding input controls to Javascript Objects. ng-submit: Bind AngularJS Controller submit function to submit event of HTML Form. It also prevents the form to submit to server directly. AngularJS Form Example ...

Continue Reading

Nested Forms - AngularJS

Nested Forms provides a great way to apply grouping of form controls. Because HTML does not allow you to nest forms so AngularJS provides support for nested forms using ng-form directive. Nested Forms is useful for creating grouping of form controls so that their validition can be implemented separately. Nested Forms Example <html> <head> <title>AngularJS N...

Continue Reading

Validations - AngularJS

AngularJS provides great support for implemeting validations in Forms. Validation is performed by States properties and Validators directives. There are four States in AngularJS Forms. $invalid : This state describes that form is in invalid state. $valid : This state describes that form is in valid state. $dirty :This state describes that form is in dirty state means any one input...

Continue Reading

AJAX - AngularJS

Ajax is used for creating asynchronous web applications that get and store data from server without postbacks. In AngularJS $http object is used for get and post data from the server. $http use asynchronous techniques for interacting with server. A $http object returns a Promise object. A promise object represent a value that is not yet available. Its provides a then() function to execu...

Continue Reading

WCF Architecture

WCF provides a runtime environment for developing distributed services that are interoperable, secure, and reliable. A service is a reusable unit of functionality that performs a particular task. A WCF Service exposes Web Service Definition Language (WSDL) file contains the available functionality and the communication methods supported by the service. A client can import this WSDL file. After...

Continue Reading