注入dependecy自定义过滤器angularJS

Question

我要注入$ HTTP在我的自定义过滤器，使用它在我的观点：

angular.module('demo').filter('quesByID',['$http', function() { 
var input=""; 
    return function(input) { 
     $http.get("http://localhost:3003/api/quiz/"+input).then(function(reponse){ 
      input=reponse.data; 
     }); 
      return input; 

    } 

}]); 

我有错误$ HTTP是没有定义

angular.js:13920 ReferenceError: $http is not defined 
    at getQuestionById.js:4 
    at fn (eval at compile (angular.js:14817), <anonymous>:4:198) 
    at regularInterceptedExpression (angular.js:16043) 
    at expressionInputWatch (angular.js:15948) 
    at Scope.$digest (angular.js:17515) 
    at Scope.$apply (angular.js:17790) 
    at done (angular.js:11831) 
    at completeRequest (angular.js:12033) 
    at XMLHttpRequest.requestLoaded (angular.js:11966) 

在哪里我应该注入“$ http”的依赖吗？

Answer 1

您注射dependency但不能用作argument在功能

不要使用过滤器，您可以在控制器编写代码

angular.module('demo').controller('controller',['$http', function($http) { 
    $scope.data; 
    $scope.getData = function(input) { 
     $http.get("http://localhost:3003/api/quiz/"+input).then(function(reponse){ 
      $scope.data = reponse.data; 
     }); 
    } 
}]);