AJAX在Angular中调用HTTP

Question

我有一个现有的应用程序，我转移到Angular，我有一些问题。 我的新Angular应用程序有四条路线：

• 家
• 活动
• 登录
• 注册

在我的旧应用程序中，我对PHP进行了AJAX调用，它将查询MySQL并根据需要返回信息，但我可以使用jQuery将所有内容绑定在一起并从一个位于中心的.js文件调用我的AJAX调用。

现在，我需要编写一个对$ HTTP的调用来执行与我的AJAX调用相同的操作，但我不知道在哪里放一切！

例如，我在网上找到以下示例$ HTTP函数：

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("users.php")
  .then(function(response) {
      $scope.users = response.data;
  });
});
</script>

Angular文件结构中的位置是什么？ 我打算从Activity路线调用它，这会产生另一个问题。 由于路径页面基于模板，如何从路径或模板调用该函数，以便我可以在“活动”页面上看到结果？

Answer 1

工厂/服务是您正在寻找的。 Ajax调用应该在工厂方法中进行，而工厂方法又将数据返回给控制器（在您的示例中为myCtrl）。

您应该将控制器（myCtrl）与路由提供程序本身中的视图（Activity）绑定。

这是一个可以为您提供清晰图片的示例。

工厂如何运作