两种方式绑定 PHP 和 AngularJS答案

【问题标题】：Two Way Binding PHP and AngularJS两种方式绑定 PHP 和 AngularJS
【发布时间】：2016-02-27 23:35:04
【问题描述】：

我正在构建一个 AngularJS 应用程序，后端有一个 PHP RESTful API。我想知道在我的示例中利用 AngularJS 的 2-Way 数据绑定的最佳方法是什么。

例如，我有一个名为“Activate Newsletter”的复选框，它链接到我的 MySQL 数据库中的一个列：这是我的 HTML 代码：

<input type="checkbox" ng-model="newsletter"> Activate NewsLetter

（时事通讯是我的控制器范围内的变量）

使用 2 Way Data Binding 向我的 PHP 服务器发送请求的最佳方式是什么，以便在用户选中/取消选中此框时立即更改。

谢谢！

【问题讨论】：

Angular 的双向数据绑定发生在客户端，而不是服务器上。它给您带来的好处是，如果没有 Angular，在尝试编译表单数据时，您需要手动将其从表单元素中抓取出来。使用 Angular，您已经拥有可用的数据，并且只需要处理数据。

【解决方案1】：

使用复选框状态（您的时事通讯范围变量）向服务器发出 AJAX 请求。但是，我建议在进行实际操作之前稍作延迟，以避免在用户开始快速单击复选框时发出大量请求。当然，在延迟期间，您必须检查是否有先前的延迟处于活动状态并将其杀死，以便您只保留最新的复选框值。

所以，最简单的方法是将 AJAX 请求代码作为 ng-click 回调。 Angular 在这里无法为您做任何特别的事情，因为双向绑定发生在客户端应用程序（您的浏览器）内部，而您仍然需要服务器请求来与服务器通信。

【讨论】：