Hi all,
Here I explain simple HelloWorld application using AngularJS.
Before I start with creating actual HelloWorld application,let us see the actual parts of a AngularJS application.AngularJS application consists of three important parts they are:
ng-app : This directive defines and links an AngularJS application to HTML.
ng-model : This directive binds the values of AngularJS application data to HTML input controls.
ng-bind : This directive bidns the AngularJS Application data to HTML tags.
Steps to create AngularJS Application
Step 1: Load framework
Load the framework using tag.Like:
<acript src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js”></script>
Step 2: Define AngularJS Application using ng-app directive
<div ng-app=””>
…
</div>
Step 3: Define a model name using ng-model directive
<p>Enter your Name: <input type=”text” ng-model=”name”></p>
<p>Hello <span ng-bind=”name”></span>!</p>
Run AngularJS Application
TTree stpes in an HTML page.
AngularJS First Application Sample Application
Enter your Name:
Hello !
OUTPUT
