Загрузка...

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

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

Видео Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017 канала IT World
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять