javascript - AngularJS组织简单的Ajax程序？

Question

该程序分为三个主要部分。一个是输入表单，一个是php文件，最后一个是表格。当用户在输入表单中输入查询时，php 文件应根据输入表单中输入的内容执行自定义查询，然后以 JSON 格式返回结果。然后应根据结果制作表格。 而且，如果用户在输入表单中输入新的查询，旧表应该被新表替换。

我想知道这种程序的最佳 AngularJS 结构是什么？我在想以下内容:我制作了一个 Controller ，并将一些结果字典列表添加到 Controller 的 $scope 中，它存储了 sql 查询的 JSON 输出。我还将输入表单绑定(bind)到某个变量 $scope.input。然后，我将一个函数 $scope.performQuery() 添加到查询中，它根据 $scope.input 对 PHP 文件进行自定义 AJAX 调用，这当然意味着我应该让我的 Controller 依赖于 $http。

这是最好的结构化方法吗？我是 AngularJS 的新手，所以我不确定是否有更优雅的方法。

Answer 1

将 PHP 视为一项服务，并根据其关注点拆分 Angular 客户端。

例如

服务

• PHP - 返回 JSON 对象数组

客户端

• 将调用 PHP 并将结果绑定(bind)到 $scope 变量的 Angular Controller
• 将 $scope 变量绑定(bind)到 HTML 表的 HTML 页面模板。 (有很多关于如何执行此操作的示例，但这里有一个显示它的答案 Bind json to HTML table with AngularJS on page load )