Monday, 7 October 2013

Simple Angularjs tutorial

Angularjs tutorial

Part 1:

simple angularjs.

Angularjs is one of the google product and it is reduce server workload and quickly access data from database.

First of all, How to create simple angularjs.

It is very easy and follow step by step:

Step 1:


First, create one folder, For example, folder name angularjstut.


Step 2:

Create js folder and index.html file in angularjstut folder.


Step 3:


insert angularjs file in js folder.

Download angularjs file use following link,

https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js


file name angular.min.js save in js folder.


Step 4:

Write html codes in index.html


ng-app is angularjs root directory. It is first initialize in top of html tag.

Step 5:


Following, angular.min.js file link in index.html

Magic code in angularjs, data binding in inline code use ng-model.

create text box and assign ng-model name.



Output:


How to set external data binding in html use angularjs?

How to set inline array in html use angularjs?

How to extracting array elements in html use angularjs? ....etc.

this type of concept in another tutorials.

Touch with me! Gain more!.

3 comments:

  1. How to connect angularjs with mysql or any database? plz explain

    ReplyDelete
    Replies
    1. refer this link:
      http://argutech.blogspot.in/2013/11/angularjs-how-to-connect-angularjs-with.html

      Thanks your commands!

      Delete