Angular.js 从外部控制器调用 $http.get

Question

我有一个 HTTP 资源，它返回数据库中前 10 个实体的 JSON 列表。 我这样称呼它：

var filter= "john";
var myApp = angular.module('myApp', []);
myApp.controller('SearchController', ['$scope','$http', function ($scope, $http) {
    $http.get('/api/Entity/Find/' + filter). //Get entities filtered
        success(function (data, status, headers, config) {
            $scope.entities = data;
        }).
        error(function () {
        });
    }]);

有效！

但是...如何更改 filter 变量以更改查询？ 我应该重写整个控制器以使其正常工作吗？

更新

抱歉，我的问题不够明确。当我问这个问题时，我无法理解 AngularJS 的任何内容。

我的初衷是注入变量$http，而不依赖于为此创建控制器。

谢谢大家。

Answer 1

一种可能更好的方法

如果您不想将其放入控制器中，则可以将其注入到配方中（例如，提供者、工厂、服务）： https://docs.angularjs.org/guide/providers

myApp.factory('getStuff', ['filter', '$http', function (filter, $http) {
    //Blah
}]);

如果您想在任何角度结构之外获取 $http 的实例，您可以执行如下所示的操作。

丹尼斯给出的方法有效；但是，如果在 angular 被引导之前调用它，它就不起作用。此外，Derek 似乎对 Dennis 的方法有错误，因为他没有 jquery。

Exlord提到的解决方案更好，因为它没有这个问题，并且更合适：

$http = angular.injector(["ng"]).get("$http");

解释：

角喷射器是一个：

可用于检索服务和依赖注入的对象

https://docs.angularjs.org/api/ng/function/angular.injector

函数 angular.injector 将模块作为参数并返回注入器的实例。

因此，在这种情况下，您检索 ng 模块（angular's）的注入器，然后检索服务 $http。

注意： 像这样使用注入器时要记住的一件事是，在我自己的发现中，您似乎需要确保在注入中包含您“得到”的模块。例如：

angular.injector(['ng', 'ngCordova']).get('$cordovaFileTransfer')

Answer 2

关于您的问题“...从外部控制器调用 $http.get”，您可以执行以下操作：

... ANYWHERE IN YOUR CODE

var $http = angular.element('html').injector().get('$http');
$http.get(...).success(...);

ANYWHERE IN YOUR CODE ...

查看来自 angular 的官方文档：angular $injector docs： get(name); 方法Returns an instance of the service.