I already gave some information about angularJs here :
First you surely need to read the above article , then come here ......
Okay cool ! Now we will go to build simple one angularJs Application .
My sample application created for Web-application , But you can do any type of application(windows,MVC Project) ,etc......
First add one index page in my application and you need to just copy past the below code but , I will explain further details .
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>
<!DOCTYPE html>
<html ng-app>
<head runat="server">
<title></title>
<script src="Scripts/angular.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<label>Name:</label>
<input type="text" ng-model="Name" placeholder="Enter a name here">
<label>{{Name}}</label>
</div>
</form>
</body>
</html>
The Above Green color codes are must important ..
where..
ng-app - This keyword use for Define Angular Js .
<script src="Scripts/angular.min.js"></script> - Call angularJs in the Current Page .
ng-model="Name" - This is AngularJS Model Property (Just assume MVC Model property)
{{Name}} - Binding the model property value in a label . (Just Assume pass the MVC Model Property values to view)
Results are :
If you type any value in the textbox , It's display the below label( Like OnTextChanged Event process)
Okay ! Now you can create simple angularJS application on yourself ,
First you surely need to read the above article , then come here ......
Okay cool ! Now we will go to build simple one angularJs Application .
My sample application created for Web-application , But you can do any type of application(windows,MVC Project) ,etc......
First add one index page in my application and you need to just copy past the below code but , I will explain further details .
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>
<!DOCTYPE html>
<html ng-app>
<head runat="server">
<title></title>
<script src="Scripts/angular.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<label>Name:</label>
<input type="text" ng-model="Name" placeholder="Enter a name here">
<label>{{Name}}</label>
</div>
</form>
</body>
</html>
The Above Green color codes are must important ..
where..
ng-app - This keyword use for Define Angular Js .
<script src="Scripts/angular.min.js"></script> - Call angularJs in the Current Page .
ng-model="Name" - This is AngularJS Model Property (Just assume MVC Model property)
{{Name}} - Binding the model property value in a label . (Just Assume pass the MVC Model Property values to view)
Results are :
If you type any value in the textbox , It's display the below label( Like OnTextChanged Event process)
Okay ! Now you can create simple angularJS application on yourself ,
