In this article, we will learn how to Setup angularjs application environment in visual studio 2019 in a simple way
open visual studio create angularjs project name like “angularJsApp”
next window you will select an empty project and then click on ok button
Right-click on your project select Manage NuGet packages
browse the angularjs.core and install
Once installed the angularjs you will have js file in a script folder
Angularjs setup done, we will test by using one sample example you will create a directory structure for angularJs application follow the given below image
App.js
var app = angular.module('myapp', []);
Testcontroller.Js
app.controller('TestController', function ($scope) {
$scope.testmessage = "Setup angularjs application in visual studio 2019 successfully ";
});
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJs Sample</title>
<script src="Scripts/angular.js"></script>
<script src="Controllers/App.js"></script>
<script src="Controllers/TestController.js"></script>
</head>
<body ng-app="myapp">
<div ng-controller="TestController">
<h2>{{testmessage}}</h2>
</div>
</body>
</html>
OutPut:
hello ! my name is Duttaluru Vijay.i am working in Microsoft .net technologies since 2016.
I like to share my work experience, research, and knowledge through my blog.
I love developing the applications in Microsoft technologies including asp.net mvc,c#.net, windfarms, SQL server,entityfrawork,Ajax,Jquery,WEbApi,Asp.net core, SEO, WordPress, UI..more
I like to share my work experience, research, and knowledge through my blog.
I love developing the applications in Microsoft technologies including asp.net mvc,c#.net, windfarms, SQL server,entityfrawork,Ajax,Jquery,WEbApi,Asp.net core, SEO, WordPress, UI..more
Latest posts by DuttaluruVijayakumar (see all)
- Asp.net core 3.1 crud operation with Ado.net - June 9, 2020
- how to upload files in asp.net core using web API - May 27, 2020
- Setup Angular 8in visual studio 2019 - May 26, 2020