MVC Architecture

AngularJS is a superheroic JavaScript MVC framework for the Web. We call it superheroic because AngularJS does so much for us that we only have to focus on our core application and let AngularJS take care of everything else. It allows us to apply standard, tried-and-tested software engineering practices traditionally used on the server side in client-side programming to accelerate frontend development. It provides a consistent scalable structure that makes it a breeze to develop large, complex applications as part of a team.

MVC Model View  Controller as it is popularly called, is a software design pattern for developing web applications. A Model View Controller pattern is made up of the following three parts −

-Model − It is the lowest level of the pattern responsible for maintaining data.

-View − It is responsible for displaying all or a portion of the data to the user.

-Controller − It is a software Code that controls the interactions between the Model and View.

MVC is popular because it isolates the application logic from the user interface layer and supports separation of concerns. The controller receives all requests for the application and then works with the model to prepare any data needed by the view. The view then uses the data prepared by the controller to generate a final presentable response. The MVC abstraction can be graphically represented as follows.

Desired to gain proficiency on AngularJS ? Explore the blog post on AngularJS Training to become a pro in AngularJS.

Model

The model is responsible for managing application data. It responds to the request from view and to the instructions from controller to update itself.

View

A presentation of data in a particular format, triggered by the controller's decision to present the data. They are script-based template systems such as JSP, ASP, PHP and very easy to integrate with AJAX technology.

Controller

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

For an Indepth knowledge on AngularJS, click on below

• Angular Directive
• AngularJS Routing