Asp.net mvc vs Angular JS for developing applications

Question

What I understand:

Asp.net MVC is used to develop applications that processes request at server. It also delivers view. But ultimately it renders the view at server and sends plain HTML to user.

On the other hand, angular JS does not do any processing at server. It only serves HTML or JavaScript files to client and then client executes those files. Angular Application only expects Data via services that run on server.

My Question:

If at all angular does not cause any server side processing load, why not to use it always to develop front end application, and on server why not to use any service (Such as web API or WCF) instead of MVC? In short, why do we need to server side view processing framework at all, instead we can have service at server and angular application on client?

Solution

Both ASP.NET MVC and AngularJS has their own purposes and advantages. As with your specific question, AngularJs is better for SPA (Single Page Applications), where as ASP.NET MVC is a full fledged server side Application which can contain WebAPIs, Routing engine as well as HTML emitting Views.

The reason why always a server side application like ASP.NET MVC is preferred first is that, it caters all basic needs, whereas AngularJs in many cases is cherry on top of the cake. It gives a smooth user experience for web applications. Also AngularJs is not very consistent as it depends on the user's browser which varies a lot and could lead to inconsistent results. So a server side application is always the best fallback to make sure the user's basic purpose is fullfilled.