Welcome to the AngularJS MVC Architecture Homepage, Guest!


AngularJS | Model View Controller Architecture




MVC stands for Model View and Controller, is a software engineering design pattern for developing and maintaing dynamic web applications. A MVC pattern is made up of three parts; Model, View, and Controller.

  • Model : Responsible for maintaining the data or information
  • View : Responsible for displaying the data to the user
  • Controller : Code that is responsible for controlling the interactions and relationships between the model and view.

The MVC is quite popular due to the way the logic from the application is separated from the UI layer. The controller will handle all of the requests for the web application, and will begin to work with the model to que the data required by the view. The view will generate a response based upon the data made available by the controller.




The Model

The Model is responsible for maintaining application data, and it will respond to requests made from the view, and the model will also update itself when given instruction to do so by the controller.




The View

The View is a representation of the data formatted to be viewed by the user when the controller serves the data. The views are typically script based template systems similar to JSP, ASP, and PHP; the views are typically easy to integreate with AJAX technology.




The Controller

The Controller responds to input given by the users, while executing interactions on the data model objects. The controller will receive valid input from a user, validate the input to ensure proper data, and will in return perform the operations to modify the data model.


Soon, we will discuss just how important the MVC model is to AngularJS, and exactly why AngularJS is considered a MVC based framework.




Next, we will take a look at Expressions inside of AngularJS

Just follow the buttons to continue the tutorial, Guest