Angular JS Environment Setup

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

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 Angular Js

Angular Project Setup in Asp.net Core
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


 
Angular JS Filter Service
Learn Angular JS: JavaScript framework for single page application.
JavaScript Framework
Angular JS Examples | Join Asp.Net MVC Course