From asp:UpdatePanel to a Angular implementation

This post was in draft mode from around a year back when I started out with Angular. But thought I'd publish it now than never. They do say "better late than never" :).

I was working on porting a .NET UserControl which used an asp:UpdatePanel to an Angular implementation and the following are some of the resources I used. A reminder for myself as much as a list for others.

Justification:

Why move from asp:UpdatePanel?

With the ViewState switched on, the page was a whopping 21.6 MB. The Angular implementation brought it down to 300 KB and increased the response time drastically.

The resources:

  1. Intro to Angular (with some cool videos and tasks)
    http://campus.codeschool.com/courses/shaping-up-with-angular-js
  2. The Angular JS Website
    https://angularjs.org/
  3. Using RESTful web services with Angular
    http://draptik.github.io/blog/2013/07/13/angularjs-example-using-a-java-restful-web-service/
  4. Interceptors on calls
    https://docs.angularjs.org/api/ng/service/$http#interceptors
    http://jsfiddle.net/VwS2t/11/
  5. Enable DELETE on IIS
    http://stackoverflow.com/questions/12440277/how-do-i-enable-http-put-and-delete-for-asp-net-mvc-in-iis
  6. Adding a busy indicator
    http://msmvps.com/blogs/theproblemsolver/archive/2014/03/28/adding-an-angularjs-ajax-busy-indicator-to-the-raw-stack.aspx

This article was originally written on Google's Blogger platform and ported to Hashnode on 17 Sep 2022.