jqueryの角度サービスを使用

Question

理由のために、私はJQuery直接DOM操作で私のアプリを書くことを好む。しかし、私は、角度のある$ httpサービスは$ ajaxメソッドよりはるかに優れていると思います。非角形Webアプリケーションから$ httpを呼び出すにはどうすればよいですか？

$ httpへの参照をグローバルスコープにコピーすることだけを目的としたダミーのapp/controllerを作成できるとします。

<div ng-app="xx" ng-controller="yy"/> 
<script> 
    var myhttp = null; 
    angular.module('xx',[]).controller('yy', function($http) { myhttp = $http; }); 
</script> 

もっと簡単な方法はありますか？

Answer 1

Angularの$ httpインターフェイスを実装するjQueryの$ .ajax用のアダプタを作成します。

あなたの現在のアプローチは最適ではありません。ご存知のように、$httpは、AngularのDI実装と緊密に結合されています。

jQueryのAjaxメソッドよりもAngularJS $httpサービスのほうが好きですか？どちらも約束を返す。

Answer 2

私が書いたコードは、Martinのアドバイスに従っています。完全にテストされていません。

// This is a wrapper to cause the $.ajax api to act like the $http api (mostly) 
function fake$http() { 
    'use strict'; 
    var $http = function (settings) { 
     return $.ajax(settings) 
     .then(function (data, status, jqxhr) { 
      return { 
       data: data, 
       status: jqxhr.status, 
       config: settings, 
       statusText: jqxhr.statusText 
      }; 
     }, function (jqxhr) { 
      return { 
       data: jqxhr.responseText, 
       status: jqxhr.status, 
       config: settings, 
       statusText: jqxhr.statusText 
      }; 
     }); 
    }; 

    $http.get = function (url, config) { 
     return $http($.extend({ url: url, method: 'GET' }, config)); 
    }; 
    $http.post = function (url, data, config) { 
     return $http($.extend({ url: url, method: 'POST', data: data }, config)); 
    }; 
    $http.put = function (url, data, config) { 
     return $http($.extend({ url: url, method: 'PUT', data: data }, config)); 
    }; 
    $http.delete = function (url, config) { 
     return $http($.extend({ url: url, method: 'DELETE' }, config)); 
    }; 
    return $http; 
} 

response.headerが見つかりません。コルス、jsonpなどの他の多くの違い