What is MVC in AngularJS?

Answer 1

MVC is Model, View, Controller. It is the design pattern used in AngularJS. Model, the lowest level is the pattern responsible for maintaining data. View is what displays the data to the user. The Controller is where the actual logic is (your javascript).

Given the following example:

HTML:

<div>

<span ng-model="myText"></span>

<button ng-click="updateText()">Change Text</button>

</div>

Controller:

...

$scope.myText = "Default Text Value";

$scope.updateText => () {

$scope.myText = "New Text!";

}

The model responds to both the view and controller. Clicking on the updateText() button tells the controller to change the variable $scope.myText, which goes through the $digest cycle and tells the view to update itself. This results in the changed text displaying on screen.