Introduction
AngularJs is an open-source platform for building web applications and is maintained by Google. Its purpose is for developing Single Page Applications. It supports Test Driven Development (TDD) and the Model-View-Controller (MVC) pattern. It is provided under the MIT License.
If you want to learn AngularJs then before that you should have good knowledge of the following skills:
The first released version 1.0 of AngularJs was 2012. That version introduced some features like Single Page Application, Support Separation, Support Binding, Test Driven Development, Rich internet applications and cross-browser support.
You want to download AngularJS from the following link:
https://angularjs.org/ à Click Download AngularJS file
Code: App.js
- var app = angular.module("AngularApps", []);
SampleAppControler.js
- app.controller("MySampleAppController", function ($scope) {
- $scope.Message = "San2Debug.net";
-
- });
Default.aspx
- <%@ 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>San2Debug || AngularJS Sample Application</title>
- <script src="Js/angular.min.js"></script>
- <script src="Js/App.js" type="text/javascript"></script>
- <script src="Js/SampleAppControler.js" type="text/javascript"></script>
- </head>
- <body>
- <form id="form1" runat="server">
- <div id="Container" ng-app="AngularApps" ng-controller="MySampleAppController">
- <p><h3>Welcome {{Message}}</h3></p>
- </div>
- </form>
- </body>
- </html>
Output: Welcome San2debug.net
Conclusion
This article helps to understand AngularJS in Visual Studio 2010.