從$ 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。