AngularJs MVC Design Pattern

MVC Design Pattern

AngularJS Application Architecture

Now that we have got our the first Angular web page up and running, let us understand how Angular can help in better organizing the client side code which we would write.

AngularJS provides a complete client side solution which is also one of the major reasons why Angular is so popular. It is totally a client side MVC framework.

Before we explore on how Angular brings MVC on the client-side, lets quickly recollect what MVC is and how it helped develop web applications in a better manner.

MVC Design Pattern

MVC is an architectural pattern which divides an application into three interconnected parts- Model, View and Controller.

MVC became popular because it isolates the application logic from the user interface layer and supports separation of concerns.

Server-Side MVC

Let us now look at the design of server-side MVC.

Some popular server-side MVC frameworks are

• 1. Struts

• 2. Spring

Client-Side MVC

Let us now look at the design of client-side MVC.

Server-Side MVC v/s Client-Side MVC

AngularJS MVC

Let us now understand how Angular provides support for MVC architecture, on the client-side.