角度js中的两种方式数据绑定

Question

我对 Angular js 很陌生。我很困惑什么是 AngularJS 中的 2 路数据绑定。假设在我的 mvc4 应用程序中，我已将模型与视图绑定，并且用户更改与模型类属性绑定的文本框的值。

单击更新按钮后，模型将带有更改后的值传递到控制器。然后将该值传递到数据库以更新数据库。即模型正在使用新值进行更新。

在我的 angularjs 应用程序中，我还将相同的文本框与模型绑定在一起。要更新模型，用户将新值放入文本框并更改模型。新模型通过 Web API 控制器传递来更新数据库。

我的问题是：这两种类型的绑定机制有什么区别。在这两种情况下，视图和模型都会更新。那么什么是AngularJS中的2路绑定呢？请帮我澄清这个概念。

Answer 1

AngularJS 中的双向绑定是视图和模型之间的同步（无需刷新页面或单击按钮）。模型中的任何更改都会反映在视图上，视图中的任何更改也会反映在模型上。因此，这种双向绑定方式可确保您的视图和模型始终更新。此外，控制器可以保持与视图分离并专注于模型。

\n\n

这是在 AngularJS 中使用双向绑定的方法：

\n\n

<div ng-app="myApp" ng-controller="myCtrl">\n    Name: <input ng-model="name">\n    <h1>{{name}}</h1>\n</div>\n\n<script>\nvar app = angular.module(\'myApp\', []);\napp.controller(\'myCtrl\', function($scope) {\n    $scope.name = "HelloWorld";\n});\n</script>\n

\n\n

MVC 使用 ASP.NET 模型绑定器。它将 HTML 页面中的值映射到模型。当 MVC 收到 HTTP 请求时，会将其路由到控制器的特定操作方法。它根据路由数据中的内容确定要运行的操作方法，然后将 HTTP 请求中的值绑定到该操作方法\xe2\x80\x99s 参数。AngularJS 对此的处理方式有所不同，因为控制器是在<div>usingng-controller标签中指定的。另外，您不需要返回视图，模型会自动与控制器中关联的视图同步（不需要返回）。

\n\n

您可以在此处找到有关 ASP.NET 模型绑定的更多信息： https: //docs.asp.net/en/latest/mvc/models/model-binding.html

\n