javascript - PHP 和 AngularJS 的两种方式绑定(bind)

Question

我正在构建一个 AngularJS 应用程序，后端使用 PHP RESTful API。我想知道在我的示例中利用 AngularJS 的 2 路数据绑定(bind)的最佳方式是什么。

例如，我有一个名为“激活新闻通讯”的复选框，它链接到我的 MySQL 数据库中的列:这是我的 HTML 代码:

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

(时事通讯是我的 Controller 范围内的变量)

使用 2 路数据绑定(bind)向我的 PHP 服务器发送请求的最佳方式是什么，以使其在用户选中/取消选中此框时立即更改。

谢谢!

Answer 1

使用复选框状态(您的新闻通讯范围变量)向服务器发出 AJAX 请求。但是，我建议在实际执行之前稍微延迟一下，以避免在用户开始快速单击复选框时发出大量请求。当然，在延迟期间，您必须检查是否有先前的延迟处于事件状态并终止它，以便只保留最新的复选框值。

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