AngularJS is a JavaScript library that provides us with a clear separation of our code into views and controllers. The development of AngularJS is promoted by Google. The following code sample is kind of a simple Hello World. Browsing this code sample we will see two text fields we can consider as models binded with texts displayed on the screen. Changing the text inside any of the two text fields will immediately be reflected in the text seen on screen.

<!doctype html>
<html ng-app>
<head>
<script src="
http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js">
</script>
</head>
<body>
<div>
<label>Greeting: </label>
<input type="text" ng-model="theGreeting"
placeholder="enter the greeting">
<p></p>
<label>Name:</label>
<input type="text" ng-model="personName"
placeholder="enter a person name">
<p></p>
<h1>{{theGreeting}} {{personName}}</h1>
</div>
</body>
</html>

The following video clip shows the execution of this code sample, overviews it and explains the way it works.

Hello World in AngularJS PRO

Leave a Reply

Your email address will not be published. Required fields are marked *