- Can the hybrid site as it is ported to Angular or first we have to convert the webforms section to mvc 4 and then convert mvc 4 to Angular?
You can have a hybrid solution of ASP.NET WebForms or ASP.NET MVC with AngularJS. You do NOT need to convert from WebForms to MVC in order for AngularJS to be used within your existing web application. You can add the AngularJS script (angular.js) to your master page and then put your custom JavaScript code (controllers, services, etc.) within your ASP.NET Scripts
folder, or create structure within your Scripts
folder for a cleaner separation of content. AngularJS is just JavaScript.
- Can the webforms be converted to Angular based at all?
Using AngularJS is not a "conversion" process, it is not a replacement for ASP.NET technologies, necessarily. In other words, you can have AngularJS work in conjuction with ASP.NET or you can write an AngularJS application completely independent of ASP.NET. It is NOT an either-or proposition. AngularJS is just JavaScript.
- Will AngularJS work only with WebAPI, or with any backend data such as asp.net/wcf webservices will work also? Put in another way should the business layer has to be rewritten in MS WebAPI?
No, AngularJS does NOT need ASP.NET Web API as the backend, it will work with a multitude of server-side technologies (Node.js, PHP, ASP.NET). Specifically for ASP.NET, you can use ASP.NET AJAX Page Methods, ASP.NET MVC Action methods, WCF, ASP.NET Web API, etc. AngularJS is just JavaScript.
I hope you are getting the point that AngularJS is just JavaScript that can be plugged into existing and new architectures. Think of it like jQuery. jQuery is not a "conversion" process from ASP.NET WebForms to ASP.NET MVC, it is a complement to the technology, sometimes working well and sometimes not so much; really depends upon what you are trying to accomplish.