The Model-View-Controller pattern
This is an architectural design pattern for implementing user interfaces, which has been used for many years for desktop GUI.
It divides the application into three distinct parts:
- Model: This is responsible for storing the actual data
- View: This is the presentation layer that renders the data to the user
- Controller: The glue between the model and the view
The following diagram describes the relationships between those parts:
This pattern describes the communication between those parts. The view reflects the data in the model, but cannot alter the data directly in the model. It is common to describe the relationship between the model and the view as read only (the view can only read from the model). The view uses the controller by invoking methods and changing attributes. The controller updates the model, which causes the view to update and render the new data.
MVC, which was originally developed for desktop applications, has been widely adopted as an architecture for building single page web applications and can be found in all the popular client-side frameworks, including Angular.
