Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017
Why Stack Overflow recommends it
Stack Overflow users link it as a quick, step-by-step walkthrough for hosting an Angular front end inside an ASP.NET MVC project, and as the method people say they followed when they hit problems.
Recommended by 2 people across 2 different months, 2018 to 2018.
What it is
A short screencast tutorial showing how to add an Angular 5 app to an existing ASP.NET MVC and Web API project in Visual Studio 2017. It walks through copying the Angular QuickStart files, editing package.json, restoring packages, and wiring references into the layout and index views. The presenter is the IT World channel.
What people said
Recommends elshev · 2018-01 · Stack Overflow · on “How can I add pure Angular app as project to Visual Studio solution?”
For Visual Studio 2017 and Angular 5 for me worked the next approach: Add a new project: HTML Application with TypeScript [LINK] Repeat almost the same steps from this nice 7min tutorial: Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017 [this video] . The only difference is - copy the whole index.html file and remove unnecessary app.ts and app.css files.
Recommends Mehmet Taha Meral · 2018-06 · Stack Overflow · on “Add angular 6 to existing MVC project”
You just need to add angular 6 into your project and the rest would be same with this. [LINK] And this is also great short video with almost every detail of adding angular into ASP.Net MVC project. [this video] Late october 2018 update: Angular 7 is released a couple of weeks ago. The video shows upgrading Angular 4 to 5. You can use the same approach to upgrade your Angular project to Angular 7 to get benefit of new nice features.
Cites Faisal · 2018-06 · Stack Overflow · on “how to deploy angular 5 with asp.net mvc structure on azure”
i have project with asp.net mvc and webApi i added angular 5 in it using this [this video] method. this works fine on localhost but when i deploy it on azure all other mvc view are working fine but the index(angular page) is not working giving these errors [LINK] how to fix it?
Cites WhoMightThisOneBe · 2018-10 · Stack Overflow · on “Angular in ASP MVC project: template not displaying”
I´m new to angular and followed a youtube-tutorial on how to use it in an asp mvc project. That worked fine, I got the following structure: [LINK] I then worked on my app.component.ts, which looks like this: import { Component } from '@angular/core'; @Component({ selector: 'chtest', template: `<h1>Hello {{name}}</h1>`, }) export class AppComponent { constructor() { } name = 'Angular'; } I also tried the above code with templateUrl (and app.component.html), but that didn´t work too. My app.module.ts looks like this: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; @NgModule({ imports: [ Browser