php - 使用我的 PHP 服务将 AngularJS 连接到 mysql？

Question

我在我的 Mac 上通过本地主机使用 AngularJS 1.0、PHP 和 mysql。

我有一个非常简单的 mysql 数据库:“cats”。它有一张名为“小猫”的 table 。该表有两列，“id”和“name”。数据库中有三只小猫，名字分别是 Larry、Curly 和 Moe。

现在，我有一些简单的 PHP 代码可以打开数据库，获取三个记录，并以 JSON 格式返回它们，如下所示: [{"id":"1","name":"Larry"},{"id":"2","name":"Curly"},{"id":"3","name": “萌”}]

我使用了最新的 angular-seed 并在 Eclipse 中建立了一个项目。在 app.js 我写了这个: '使用严格'; angular.module('Cats', ['ngResource', 'Cats.filters', 'Cats.services', 'Cats.directives']) 我将我的 PHP 代码放在服务文件夹中并将其命名为“index.php”。如果我在 Mac 上使用 localhost 在我的浏览器中导航到那个 services/index.php，我会得到上面的 JSON。到目前为止一切都很酷。

现在 - 我想要做的(!著名的最后一句话；)连接到我拥有的 PHP 服务，并使用我的 AngularJS 项目在我的主索引页面上显示该 Cats 表的内容。纯旧文本，没有表格，只需绑定(bind)到可用资源并显示它。

我已经尝试过各种在线演示(很多都过时了)。谁能告诉我一种简单的当前方法来做到这一点？在我的生活中，我有各种各样的 AngularJS 演示，但没有一个以我能理解的方式完成这个简单的任务。

提前谢谢你。

Answer 1

这也应该有效。它的代码行数明显减少，但请注意已删除所有错误处理:

function FetchCtrl($scope, $resource) {
  var services = $resource('../services/index.php');
  $scope.data = services.query();
}
FetchCtrl.$inject = ['$scope', '$resource'];

通常我会在 $resouce 上使用内置的 .get() 方法，但您的响应是数组形式的，。 query() 默认支持。

您可以找到 documentation on $resource here