We now have a youtube channel. Subscribe!

AngularJS | MVC Architecture

AngularJS | MVC Architecture

Hello folks! welcome back to a new section of our tutorial on AngularJS. In this tutorial, we will be discussing about AngularJS MVC Architecture.

Model View Controller is a software design pattern for developing web applications. A Model View Controller pattern is comprised of the three following parts -

  • Model - Lowest of the pattern responsible for maintaining data.
  • View - Responsible for displaying all or a portion of the data to the user.
  • Controller - A software code that controls all the interactions between the Model and View.

Model View Controller is popular because it segregates the application from the UI layer and have support for separation of concern. The controller receives all requests for the application and then work with the model to prepare any data that is needed by the view. The view then uses the data prepared by the controller to generate a final presentable response.

Graphical Representation of MVC

The MVC architecture can be graphically represented as follows -



The duty of model is to manage application data. It responds to the requests from view and to the instructions from the controller to update itself.


This is a presentation of data in a particular format, triggered by the controller's decision to represent the data. They are script-based template systems like JSP, ASP, PHP and so on, and very easy to integrate with the AJAX technology.


The controller responds to user's input and does interaction on the data model objects. The controller receives an input, validates it, and then performs business operations that modify the state of the data model.

AngularJS is an MVC based Framework. In our subsequent tutorials, we will study how AngularJS uses MVC methodology.

Alright guys! This is where we are going to be rounding up for this tutorial. In our next tutorial, we will be creating our AngularJS First Application.

Feel free to ask your questions where necessary and we will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.

Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.

Thanks for reading and bye for now.

Post a Comment

Hello dear readers! Please kindly try your best to make sure your comments comply with our comment policy guidelines. You can visit our comment policy page to view these guidelines which are clearly stated. Thank you.
© 2023 ‧ WebDesignTutorialz. All rights reserved. Developed by Jago Desain