$ http非同期呼び出しをデバッグする方法は？

Question

私はangularJS $httpコールの私の応答がどのように見えるかを見たいと思います。しかし、私はそこでの実行を止める方法を知らないのですか？ （成功した応答後）

私はその場所にブレークポイントを置こうとしましたが、実行は停止しません。 私はさらにdebuggerディレクティブを置こうとしましたが、停止しません。 これは、$ http呼び出し（非同期呼び出し）でのみ発生します。それ以外の場合、ブレークポイントは実行を停止します。

プログラムの実行を停止したいコードにコメントを付けました。

コード：

$scope.OpenModal = function (event) { 
    $("#myModal").css("display", "block"); 
    var parent_TD = $(event.currentTarget).parent(); 
    var cMEST_CDO2 = parent_TD.find("#inputDeliveryID").val(); 
    var res = null; 
    $http({ 
     method: "POST", 
     url: $scope.UrlGetDataFromCAORAM, 
     data: { cMEST_CDO2: cMEST_CDO2 } 
    }).then(function success(response) { 

     /* I would like to stop the program in this point */ 

     res = response.data; 
     $scope.inputCustomerData = res.ACCO_NME + " " + res.ACCO_ADD + " " + res.ACCO_ZIP + " " + res.ACCO_CIT + " " + res.ACCO_VAT; 
     $scope.ORAC_DDE = res.ORAC_DDE; 
     $scope.ORAC_NUM = res.ORAC_NUM; 
     $scope.ArticleName = res.MERC_NME + " (" + MERC_CDO1 + ")"; 

    }, function failure() { 
     alert("Error!"); 
    }) 

    } 

これは可能ですか？

Answer 1

その時点で実行を停止したい場合は、ブラウザの「開発ツール」でブレークポイントを使用します。

しかし、あなたのHTTPコールに対する応答を見たいのであれば、ブラウザの開発ツールのネットワークタブを調べることができます（ブラウザにはこの機能があります - 一般的なブラウザがすべてそうです）。あなたの電話への応答を観察してください。

最後に、レスポンスコールバックのコンソールに応答（つまり、）を記録するだけで済みます。

希望に役立ちます！その後、

}).then(function success(response) { 

    /* I would like to stop the program in this point */ 
    debugger; 
    ... 

：

Answer 2

あなたsuccess functionがヒットしますないと仮定すると、あなたはブレークポイントを置く以外に試すことができます別のアプローチは、あなたがこのようにデバッグを開始する時点で、あなたのコード内のdebugger;キーワードを配置することです（ご使用のブラウザではF12）の開発ツールを開いて、この機能を実行してください。