Free Web Development Online Tutorials, Learn to Code
Learn AngularJS, angularjs tutorial, angularjs directive, angularjs application, angularjs api

Angular JS Environment Setup

Here you learn how to setup AngularJs in local web project development environment, basically getting familiar with AngularJS library, where to download and how to get started with!

Angular Project Setup in Asp.net Core

Though there are many utility for different SDK, but still we explore with manual process to include reference in project, so let’s look at different ways to start with AngularJs

Approach 1:
Simply go to https://angularjs.org/, and download the latest js file.

angularjs setup

The simplest way to get started with CDN reference, alternatively you can download the file and add to local folder (angularjs/1.7.7/angular.min.js) and give reference from there

Approach 2:
If you create a Angularjs project in Asp.net core framework, there you get multiple modules for Angular.js
File => New => Project => Asp.Net Core Web Application => Angular
"@angular/animations": "4.2.5",
"@angular/common": "4.2.5",
"@angular/compiler": "4.2.5",
"@angular/compiler-cli": "4.2.5",
"@angular/core": "4.2.5",
"@angular/forms": "4.2.5",
"@angular/http": "4.2.5",
"@angular/platform-browser": "4.2.5",
            "@angular/platform-browser-dynamic": "4.2.5",
            "@angular/platform-server": "4.2.5",
            "@angular/router": "4.2.5",
        

All above modules reside in a folder called "node_modules" in same level of "wwwroot".
If you open a module folder you may see there are multiple folders and files like js and metadata json files

You should take a look at the sample angular project for better understanding


 
AngularJS Filter Service

Othe JavaScript Framework

Angular JS Examples | Join Asp.Net MVC Course