Hello World Using Angularjs in ASP.Net Application

Introduction

This article shows how to create a Hello World example using Angularjs in an ASP.NET application.

Angularjs works great on HTML, MVC and ASP.NET as well, it contains some important directives like np-model, np-bind, np-app, np-controller, all these will be explained with examples for them. Let's create a Simple Hello World Example that is first step of learning any new technology, framework and so on.

Step 1

First of all you need to add an external Angular.js file to your application, for this you can go to the AngularJS official site or download my source code and then fetch it or you can click on this link to download it: ANGULARJS.

After downloading the external file you now need to add this file to the Head section of your application.

Step 2

Now I will create a JavaScript function that will work for showing the Hello World.

Add this JavaScript function in the head section of your application.

Here I had created a function named as "HelloWorld", in this HelloWorld "$scope" makes a connection between the function and the View, in other words the Design part. "Test" is a variable that will be holding "World" as it's default value.

Step 3

Now I will create a Div, TextBox and some Labels for showing the Hello World example.