Apr 17, 2013

Angular JS basic example


Steps to run the Angular JS basic application:

1.start viisuval studio and add sample. html page

2. add the below code in the design part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><
html ng-app><
head><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script></
head><
body><div><label>Name:</label><input type="text" ng-model="yourName" placeholder="Enter a name here"><hr><h1>Hello {{yourName}}!</h1></div></
body></
html>
i loaded from the CDN network you can add from ur project location also for that you have to download from  the http://angularjs.org/ website and place it in scripts folders after that simply darg and use it


3.  Right click and select  view in browser and see the below ouput

No comments:

Post a Comment