Javascript angularJS中的UI绑定是什么？

我到处都读到，UI绑定是AngularJS最好的特性。我只是想知道这是什么？在这方面我有点陌生。

UI数据绑定是一种将表单上的字段与数据存储中的字段关联起来的方法。当用户更改表单上的字段，然后单击更新按钮提交更改时，数据绑定会导致更新数据存储中的相应字段。这也适用于创建新记录

另请参见

---

在表单示例中，注意表单的

input

元素中使用的

ng model

属性。这就是Angular如何将表单字段映射到数据存储字段。

@RobertHarvey的答案是正确的

为了有所贡献，以下是我能找到的最简单的解释：

用户界面数据绑定

• UI：用户查看和更新信息的用户界面
• 数据：保存程序信息的对象
• 绑定将数据链接到用户界面的行为，以便：
  • 更新UI时，绑定会更新您的数据
  • 数据更新后，绑定将更新您的UI

实例 用户界面 具有用户输入和显示的视图：

<input ng-model="userInput"/>
<p>You've entered: {{userInput}}</p>

您已输入：{{userInput}}

数据 在我们的控制器中，我们将有如下JavaScript对象：

$scope.userInput='Input something here'

结合 属性

ng model

和

{{userInput}}

子句是为您处理绑定的指令

在这种情况下，

ng model

设置从输入控件读取

$scope.userInput

，以及将

$scope.userInput

写入输入控件。而

{{userInput}}

语句设置向视图写入

$scope.userInput

关于角度的概述 因此，在angular中，绑定通常由指令设置。指令是您将在视图中看到的属性，例如

ng repeat

，

ng click

，

ng show

，等等。它们是通过在

$scope

的属性上创建

$watch

来设置的，用于监视数据的更改，也可以通过设置DOM事件来监视输入或DOM的更改

---

如果您想更深入地了解绑定的工作原理，我编写了一个应用程序，以及它们如何在更深层的后端工作，以及如何通过指令设置到DOM的绑定。

在UI编程中，当您有一个UI组件（如文本框）时，您可能希望将其连接到Javascript对象，因此，当框中的值更改时，对象的值也会更改

这对于具有相同数据的多个表示形式的复杂UI非常有用。在这种情况下，使用Javascript对象可以使同步更加容易

在这些情况下，您需要一种方法来同步文本框（UI组件）和对象之间的更新。一些框架为您提供了简单的声明性方式来指定将这些属性绑定在一起，这就是AngularJS所指的UI数据绑定。在某些库中，例如主干，必须将对象绑定在一起，这是一个非常重复的过程

由于您是这方面的新手，我建议您研究GUI编程的各种资源。苹果公司的Cocoa文档，即使与web无关，也是关于该主题的非常好和详尽的资源，包含各种技术及其优势的信息

您还可以研究EmberJS体系结构。他们从可可那里借了很多钱

这篇来自Yehuda Katz的演讲非常有用，它介绍了web中不同的UI方法，以及一个好的UI需要什么，每个人都必须面对哪些技术问题

---

另一个有趣的方法是Facebook的React框架正在做什么。他们通过缺少双向绑定来宣传自己，实际上他们的方法非常好。

带有控制器的变量在更新后立即反映在UI中。我想，这是UI绑定。去www.angularjs.org看看怎么样？我可以要求更多的解释吗？可以举一些例子…阅读我链接的文章。如果你还有具体的问题，回到这里问这些问题。很酷。。。谢谢我会读更多关于这个的内容。我发现理解它更有意义。在角度的情况下添加了一些额外的细节。谢谢blesh。真的很有说服力。