从$ http.get请求返回数据时在angular中使用jquery

Question

我向Apache服务器发出$http.get请求，响应是一个HTML页面。 我想对HTML页面中的某些数据使用jquery。

我的控制器的代码是：

app.controller('MainController', ['$scope', '$http', function($scope, $http) {
    $scope.showImages = function() {
        $http.get('http://localhost/images/').success(function(data) {
            $scope.images = data;
        });
    };
}]);

我可以看到在$scope.images中存储了从服务器返回的html页面，但是我不知道如何使用jquery来提取例如页面中出现的所有href的值。

Answer 1

如果要提取任何信息，则可以直接从数据中实现。 只需为调用添加数据类型，然后使用jQuery（data）访问html

app.controller('MainController', ['$scope', '$http', function($scope, $http) {
    $scope.showImages = function() {
        $http.get('http://localhost/images/',
         dataType: "html").success(function(data) {
          // Now use this html Object as normal object and retrieve information 
          var htmlObject = jQuery(data);
          $scope.images = data;
       });
    };
}]);

Answer 2

如果我对您的理解正确，则需要在执行任何操作之前先解析HTML。 请参阅此 SO帖子。

Answer 3

如果要显示图像，则只需要来自服务器的图像路径/ URL，而无需图像数据或HTML。