Articles → ANGULAR.JS → Introduction to angular.js

Introduction to angular.js






Single page application





What is Angular.js?





Software requirement













There are 2 ways to include angular.js on your webpage.






Picture showing the angular web portal for downloading angular.js

Click to Enlarge



Picture showing the window to specify the type and the version of angular.js

Click to Enlarge







<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>



Directives











Create your first angular.js application






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






<%@ Page Language=”C#” AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">

	<head runat="server">
		<title></title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
	</head>

	<body>
		<form id="form1" runat="server">
			<div ng-app="">
				<p> Name:
					<input type="text" ng-model="name">
				</p>
				<p ng-bind="name"> </p>
			</div>
		</form>
	</body>

	</html>



Output


Picture showing the output of your first angular.js program

Click to Enlarge


How it works


Picture showing the output of your first angular.js program

Click to Enlarge




Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, May 13, 2015

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250