Mixing Angular and ASP.NET MVC/Web api?

asp.net-mvc angularjs asp.net-mvc-4
user2256870 picture user2256870 · Jan 13, 2014 · Viewed 32.5k times · Source

I come from using ASP.NET MVC/Web API and now I am starting to use Angular but I am not clear on the proper way to mix them.

Once I am using Angular does the MVC sever side concepts still provide any value ? Or should I strictly be using Web API purely to get data for the angular HTTP calls ?

Any tips you have for a ASP.NET MVC guy transitioning to Angular would be helpful

Answer

null picture null · Jan 13, 2014

Pure Web API

I used to be pretty hardcore with ASP.NET MVC but since I've met Angular I do not see one reason why I would use any server side content generation framework. Pure Angular/REST(WebApi) gives a richer and smoother result. It's much faster and allows you to build websites that come quite close to desktop applications, without any funky hacks.

Angular does have a little learning curve, but once your team has mastered it, you'll build much better websites in less time. Mainly this has to do with the fact that you don't have all these state(less) issues anymore.

For example imagine a wizard form with any traditional server side framework. Each page needs to be validated and submitted separately. Maybe the content of the page is dependent on values from a previous page. Maybe the user pressed the back button and is re-submitting an previous form. Where do we store the state of the client? All these complications do not exist when using Angular and REST.

So ... come over to the dark side ... we've got cookies.

Similar question

Related questions

Mvc4 bundling, minification and AngularJS services

Is there a way to customize the way Asp.Net MVC4 bundling&minification feature minifies the js files? Meaning, I don't want to completely turn off minification, but "as is" it just breaks AngularJs. Since AngularJs uses DI and …

Read More
ASP.NET MVC Partial View in an AngularJS directive

I'm currently working on an ASP.NET MVC project to which some AngularJS was added - including some AngularJS directives. I need to add to an AngularJS directive a MVC partial view. Obviously, @Html.Partial("_PartialView", {{name}}) doesn't work. So …

Read More
Upload multiple files with FormData using AngularJS and Asp.Net MVC

I want to upload multiple files using angular js, for this I am using FormData() . Here is my form fields <input name="profileImage" type="file" class="upload" onchange="angular.element(this).scope().LoadFileData(this.files)" accept="image/*"> <…

Read More