Question

了解 2路数据绑定概念后，我无法理解它的实际用途。我无法理解数据具有客户端（UI）以及业务所有者（应用业务逻辑后的数据）的句柄的情况。在示例中，我们看到“人名”或“应用程序名称”（在角度示例中）已更改。但我无法将其与实际情况联系起来。你有一个可以提供帮助吗？感谢。

Answer 1

如果您有一个表单，并且其中包含一些用户更新的值。如果您希望将这些值绑定到组件中的某个模型，并最终在后端更新它们。这里使用了数据绑定。并且反转它来自组件中的模型的一些值，并且您希望它反映在您的UI表单中。

Answer 2

双向数据绑定的实际示例是，您使用数组在前端存储了一些值，然后在html中填充数组的整个数据。之后，您更改了数组的某些键值，然后在不刷新页面的情况下，值会自动填充在前端，这是没有双向绑定的。

Answer 3

请检查下面的工作代码是双向绑定的完美示例：

＆＃13;

var app = angular.module('mainApp', []);

	app.controller("MainCtrl", function($scope){
		$scope.ctrlRole = "Prabhat"
	});

	app.directive("myEmployee", function() {

		return {
			scope:
			{
				role:"="
			},
			template: 'From Directive : <input type="text" ng-model="role">'
		};
	});

＆＃13;

<!DOCTYPE html>
<html>
    <head lang="en">
      <meta charset="utf-8">
      <title>AngularJS Isolate Scope</title>

    </head>
    <body>

      <div ng-app="mainApp">
		<div ng-controller="MainCtrl">

			<div> From Controller : <input type="text" ng-model="ctrlRole"></div><br>

           		<div my-employee role="ctrlRole"></div>

		</div>
	</div>

      <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
      <script type="text/javascript" src="app.js"></script>
    </body>
</html>

＆＃13;

2路绑定：一个实际的例子

3 个答案: