Back to Browse

Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017

114.1K views
Nov 12, 2017
6:48

Angular 6 Best Practices → http://bit.ly/2Jw6ypG Visual Studio 2019 Launch Event → http://bit.ly/2UCv90I .NET Conf 2018 - The Official .NET Conference Event → http://bit.ly/2OPFqE8 ASP.NET Core 2.0 (.NET Conf 2017) → http://bit.ly/2y2CDjJ AngularJS with ASP.NET MVC → http://bit.ly/2IN1NEw Git and GitHub tutorial → http://bit.ly/2KqfwRM Integrate angular 5 with asp.net mvc web application in visual studio 2017 Step 1: Create a new ASP.NET MVC project Step 2: Clone or download the QuickStart files form https://github.com/angular/quickstart Step 3: Copy the QuickStart required files into the ASP.NET project folder - package.json - tsconfig.json - systemjs.config.js - systemjs-angular-loader.js - main.ts - app.module.ts - app.component.ts Step 4: [2:46] Config package.json file Step 5: [3:42] Restore the required packages - Right-click on the package.json file in Solution Explorer and select Restore Packages - When the restore is finished, a message in the bottom message bar of Visual Studio should say: Installing packages complete Step 6: [4:13] Add angular 5 references - [4:18] Add angular 5 libraries references in Views/Shared/_Layout.cshtml file - [4:34] Add root component in Views/Home/index.cshtml file Step 7: [5:11] Build and run the app Source code here → https://github.com/itworld1st/Ng5Demo Music: Vexento - Never Letting Go https://youtu.be/1Dq9n83_9bs Vexento - Happiness https://youtu.be/3qTOgiBVSDc

Download

0 formats

No download links available.

Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017 | NatokHD