如何在AngularJS指令中同时使用$http和$timeout ?

Question

这是我的代码的一部分

Object_Angular.directive("ntgChangeScanInnerHtmlWorkshop", ["$timeout", function($timeout){ ...

但是我还需要访问$http，因为我想从我的API加载东西。我该怎么做呢?

我所拥有的是<p></p>中_id s的显示。假设有<p>{{collections._id}}</p>。我希望<p></p>显示名称字段(collections.String_Name)而不是_id。所以我认为在值加载后采取<p>{{collections._id}}</p>的内部HTML，然后通过{ _id: innerHTMLValueOfP }从API获取String_Name，然后在.success中，我用result.String_Name设置了内部值。因此，我需要在我的指令中有$http和$timeout来实现这一点。

Answer 1

在指令

中使用$http的例子

app.directive('myTag', ['$http', function($http) {
   return {
      restrict: 'E',
      transclude: true,
      replace: true,     
      scope:{
      src:"="       
    },
   controller:function($scope){
    console.info("enter directive controller");
    $scope.gallery = [];
   console.log($scope.src);
    $http({method: 'GET', url:$scope.src}).then(function (result) {
                       console.log(result);                              
                    }, function (result) {
                        alert("Error: No data returned");
                    });
        } 
    }
 }]);
 or
 app.directive('example', function( $http){
   return {
      restrict:'E',
      link: function($scope,$element,$timeout){
            $http.post('/example', {
                data
            }).success(function(data){
            }).error(function(data){});
        }
   });