ProgrammerGuide.Net | Step by Step Programmer Guide

Give a Basic Example of AngularJS ? | AngularJS Tutorial | AngularJS Interview Question | AngularJS Programmer Guide

Below is the simple HTML that is extended with AngularJS

<!DOCTYPE html>
<html>
<body>


<div ng-app=“”>
  <p>Name: <input type=“text” ng-model=“name”></p>
  <p ng-bind=“name”></p>
</div>


<script src=“http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js”></script>


</body>
</html>

AngularJS starts automatically when the web page has loaded.

The ng-app directive tells AngularJS that the <div> element is the “owner” of an AngularJS application.

The ng-model directive binds the value of the input field to the application variable name.

The ng-bind directive binds the innerHTML of the <p> element to the application variable name.

Please click here for related products on Amazon!

Jayashee

Add comment

Want to Check Celebrities News?