Join the DZone community and get the full member experience.
Join For FreeBugsnag monitors application stability, so you can make data-driven decisions on whether you should be building new features, or fixing bugs. Learn more.
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:
- HTML
- JavaScript
- CSS
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.
Monitor application stability with Bugsnag to decide if your engineering team should be building new features on your roadmap or fixing bugs to stabilize your application.Try it free.
Like This Article? Read More From DZone
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}