Two way databinding in angular js

Two way binding in AngularJS is the synchronization between the view and model (without any need to refresh the page or click a button). Any change in the model is reflected on the view and any change in the view is reflected on the model. Thus, this way of two way binding ensures that your view and model are always updated. Also the controller can remain separate from the view and focus on the model.

This is how you can use two-way binding in AngularJS:

<div ng-app="myApp" ng-controller="myCtrl">
    Name: <input ng-model="name">
    <h1>{{name}}</h1>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "HelloWorld";
});
</script>

MVC makes use of the ASP.NET model binder. It maps the values from an HTML page to a model. When MVC receives an HTTP request, it routes it to a specific action method of a controller. It determines which action method to run based on what is in the route data, then it binds values from the HTTP request to that action method’s parameters. AngularJS handles this differently since the controller is specified in the <div> using the ng-controller tag. Also, you don't need to return a view, the model synchronizes automatically with the view associated in the controller (without the need of return).

You can find some more information on the ASP.NET model binding here: https://docs.asp.net/en/latest/mvc/models/model-binding.html