Tab Control using AngularJS & CSS and display dynamic pages in ng-include directive when user clicks on tab.

Introduction:

This article explain you to design the tab menu using CSS and AngularJS

Description:

In the Previous post i explained about ng-include directive. Below  code is used to design the dynamic tabs menu using CSS and AngularJS ,and display the pages in ng-include directive when user clicks on tab menu.

Adding and deleting dynamic row with textbox to table using AngularJS

Introduction:

This article explain you how to add dynamic rows with textbox to a table using AngularJS

Description:

Below  code is used to add dynamic rows with textbox to a table using AngularJS

ng include directive example in AngularJS

Introduction:

This article explain you to about ng include directive in AngularJS

Description:

HTML does not support embedding html pages within html page. To achieve this functionality following ways are used −

Using Ajax − Make a server call to get the corresponding html page and set it in innerHTML of html control.

Using Server Side Includes − ASP, JSP, PHP and other web side server technologies can include html pages within a dynamic page.

Using AngularJS, we can embedded HTML pages within a HTML page using ng-include directive.

How to search the data from table using AngularJS

Introduction:

This article explain you to search the from table using AngularJS

Description:

This post is continuation to the previous post Display the data in table using ng-repeat using WebAPI and AngularJS. In this post am explaining how to search the data from table using AngularJS and also how to apply Bootstrap css to table

Display the data in table using ng-repeat using WebAPI and AngularJS.

Introduction:

This article explain you to display the data in table using ng-repeat using WebAPI and AngularJS.

Description:

ng-repeat directive can be used to draw table easily. Below code is used  of ng-repeat directive to draw a table.

Youtube style progress bar using nprogress in angularjs

Introduction:

This article explain you about  YouTube style progress bar using ngprogress in Angularjs

Description:

ngProgress provides decent and attractive Javascript library to get a nice progress bar similar to the Youtube one. This is very sleek and classy,  and it’s very useful for the Single Page Applications.

Simple Example of ng-view directive in AngularJS

Introduction:

This article explain you about  Single Page Application via multiple views on a single page using
AngularJS

Description:

AngularJS supports Single Page Application via multiple views on a single page. To do this AngularJS has provided ng-view directives and $routeProvider services.

CRUD Operations using ASP.NET Web API and Angular.js

Introduction:

This article explains you to save data in sql server database using ASP.NET Web API and AngularJS.

Description:

Below code is used to insert data into database using Web API and AngularJS

To implement this we need to write the code like as shown below

Two way data binding using AngularJS

Introduction:

In this tutorial I will demonstrate how two-way data binding works in AngularJS.

Description:

Below code is used to two way data binding in AngularJS
To implement this we need to write the code like as shown below

Display Message using controller in AngularJS

Introduction:

This article explain you to display the message using controller in AngularJS.

Description:

Below Code is used to display message using AngularJS directive.
To implement this we need to write the code like as shown below

Sum of two number using Angular JS

Introduction:

This article explain you to add two numbers using AngularJS framework

Description:

AngularJS lets you extend HTML with new attributes called Directives.

AngularJS Directives

AngularJS directives are extended HTML attributes with the prefix ng-.

The ng-app directive initializes an AngularJS application.

The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.

To implement this we need to write the code like as shown below