Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Introduction to AngularJS

DZone's Guide to

Introduction to AngularJS

Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

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.

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}