angularJs で $.ajax を使用する場合の注意点

この記事では、angularJs で $.ajax を使用する際の注意点を中心に紹介していますが、編集者が非常に良いと思ったので、参考として共有させていただきます。編集者をフォローして見てみましょう

この記事では、angularJsで$.ajaxを使用する際の注意点を紹介し、皆さんに共有します。詳細は以下の通りです

厳密に言えば、混在させることは適切ではありません。 angular と jquery ですが、このトピックに関する議論がまだ意見の分かれるところである理由は

利便性に加えて、ajax クロスドメインの側面など、いくつかの点で jquery が実際に angular よりも包括的である可能性もあります。 。

私は普段 angular で開発するときは、angular.element があっても、できるだけ使わないようにしています。すべてのカプセル化されたメソッドでは、必然的に競合が発生します。バグがあるとさらに大変になります。

本題に進みます:

ajax クロスドメインまたはパラメーターの型 (dataType) を設定する必要がある場合、$http は非常に扱いにくいように見えるため、この時点では $.ajax を使用することを考えました。
元々 $.Ajax は $http ink ほど書きにくいのですが、書いてみるとビュー層が $.ajax で処理されるオブジェクトを完全に無視してしまう問題が見つかりました。

angular の機能は双方向バインディングで、主に $watch と $digest をトリガーする $apply と呼ばれるシステムがあります。 $apply は、AngularJ とサードパーティのライブラリを混合する最も標準的な方法として使用されると考えられます。

$.ajax({
  data:{},
  url:'',
  type/method:'',
  dataType:'',
  success:
    function(){
    $scope.$appy();
    }
  }
)

処理が完了したら、$scope.$apply() を追加するだけです。このメソッドは setTimeout や setInterval などにも適しています...

ただし、サードパーティのライブラリは使用しないでください。

以上がangularJs で $.ajax を使用する場合の注意点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。