angular.js/docs/content/guide/dev_guide.mvc.understanding_view.ngdoc

@ngdoc overview
@name Developer Guide: About MVC in Angular: Understanding the View Component
@description

In Angular, the view is the DOM loaded and rendered in the browser, after Angular has transformed
the DOM based on information in the template, controller and model.

<img src="img/guide/about_view_final.png">

In the Angular implementation of MVC, the view has knowledge of both the model and the controller.
The view knows about the model where two-way data-binding occurs. The view has knowledge of the
controller through Angular directives, such as {@link api/ng.directive:ngController
ngController} and {@link api/ngRoute.directive:ngView ngView}, and through bindings of this form:
`{{someControllerFunction()}}`. In these ways, the view can call functions in an associated
controller function.


## Related Topics

* {@link dev_guide.mvc About MVC in Angular}
* {@link dev_guide.mvc.understanding_model Understanding the Model Component}
* {@link dev_guide.mvc.understanding_controller Understanding the Controller Component}
new batch of docs 2011-06-06 15:50:35 +00:00			`@ngdoc overview`
			`@name Developer Guide: About MVC in Angular: Understanding the View Component`
			`@description`

docs(guide): minor grammar fixes 2012-09-26 13:30:55 +00:00			`In Angular, the view is the DOM loaded and rendered in the browser, after Angular has transformed`
new batch of docs 2011-06-06 15:50:35 +00:00			`the DOM based on information in the template, controller and model.`

			`<img src="img/guide/about_view_final.png">`

docs(guide): minor grammar fixes 2012-09-26 13:30:55 +00:00			`In the Angular implementation of MVC, the view has knowledge of both the model and the controller.`
new batch of docs 2011-06-06 15:50:35 +00:00			`The view knows about the model where two-way data-binding occurs. The view has knowledge of the`
docs(guide): minor grammar fixes 2012-09-26 13:30:55 +00:00			`controller through Angular directives, such as {@link api/ng.directive:ngController`
refactor($route): pull $route and friends into angular-route.js $route, $routeParams and ngView have been pulled from core angular.js to angular-route.js/ngRoute module. This is was done to in order keep the core focused on most commonly used functionality and allow community routers to be freely used instead of $route service. There is no need to panic, angular-route will keep on being supported by the angular team. Note: I'm intentionally not fixing tutorial links. Tutorial will need bigger changes and those should be done when we update tutorial to 1.2. BREAKING CHANGE: applications that use $route will now need to load angular-route.js file and define dependency on ngRoute module. Before: ``` ... <script src="angular.js"></script> ... var myApp = angular.module('myApp', ['someOtherModule']); ... ``` After: ``` ... <script src="angular.js"></script> <script src="angular-route.js"></script> ... var myApp = angular.module('myApp', ['ngRoute', 'someOtherModule']); ... ``` Closes #2804 2013-06-05 22:30:31 +00:00			`ngController} and {@link api/ngRoute.directive:ngView ngView}, and through bindings of this form:`
new batch of docs 2011-06-06 15:50:35 +00:00			`{{someControllerFunction()}}`. In these ways, the view can call functions in an associated
			`controller function.`


			`## Related Topics`

			`* {@link dev_guide.mvc About MVC in Angular}`
			`* {@link dev_guide.mvc.understanding_model Understanding the Model Component}`
			`* {@link dev_guide.mvc.understanding_controller Understanding the Controller Component}`