問題タブ [angular-http]

angularjs 学習の一環として、angularjs アプリを開発しています。コントローラーがあり、そこからサービスレイヤーを呼び出しています。

});

$http.get.then の非同期性のため、データがすぐに取得されないことに気付きました。そのため、コントローラー (teamsController) から getTeams() を呼び出しても「チーム」を取得できません。なし。

これを解決するにはどうすればよいですか？

2 回目の試行: 以下の投稿で示唆されているように、angular の deferred と promises について読んだ後、次のことを試しましたが、まだ効果がありません。私の変数チームは、私が望むように入力されておらず、後で入力されているため、UI で役に立ちません:

私のコントローラー teamController.js

そして、ここに私のServiceLayer teamsService.jsがあります

あなたまたは誰かが私が間違っていることを手伝ってくれますか? これは、実行時にブラウザ コンソールに出力されるものです。

スコープ内のチーム:= teamsController.js:27

約束後のチーム:=[object オブジェクト],[object オブジェクト],[object オブジェクト],[object オブジェクト],[object オブジェクト]

これは単に、json オブジェクトを取得したことを示していますが、必要なときに取得していないことを示しています。何らかの理由で、この据え置き/約束は影響を与えませんでした。

この新しいAngular Enthusiastを助けてください

以下のコードは、jquery ajax を使用する場合に機能しますが$http、Angular は以下のコードを使用してサーバーにデータを送信しません。

私のアプリには、Angular フロントエンドと Rails サーバーの 2 つの部分があります。ドメインが異なるため、リクエストはデフォルトでは機能しません。スタックも含めて、それについては多くのスタッフがいますが、私にはうまくいきません。

これは角度コントローラーでの私の方法です:

データの変換についてコメントしましたが、サーバーの応答に違いはありません。

そして、私はそのようにアプリを構成しました（これはいくつかの投稿で見ました）：

それはリクエストをajaxのようにしないと思います（しかし、よくわかりません）。

しかし、私のリクエストにはヘッダーがありません。それらはすべていくつかのフィールドにありますAccess-Control-Request-Headers:access-control-allow-origin, accept, access-control-allow-headers, access-control-allow-methods, content-type:

Chrome コンソール:

その他の重要でない情報: サーバー上:

ルートは明らかpost "session/create"です。そしてセッションコントローラー：

angular 1.2.0.rc-2 の最新バージョンを使用しています。これはgithubの私のプロジェクトです

AngularJSの$http インターセプターの場合:

response: インターセプターは、http 応答オブジェクトで呼び出されます。この関数は、応答を自由に変更したり、新しい応答を作成したりできます。関数は、応答を直接または promise として返す必要があります。

新しい応答を作成するためのベスト プラクティスは何ですか? 現在、私はダミーオブジェクトを返しています:

それは私のアプリケーションのニーズにはうまくいきますが、代わりに使用する API があるかどうか疑問に思っています。

サービスを使用して GET リクエストを送信する必要があり$httpます。パラメータの 1 つは ID の配列になります。URL は次のようになりますmysite.com/items?id[]=1&id[]=2&id[]=3&id[]=4

私はこのアプローチを試しました

しかし、私が取得した URL は mysite.com/items?id=%5B%221%22%2C%222%22%2C%223%22%2C%224%22%5D です。

これは、Angular が値を JSON 文字列に変換しているためです。私が望む動作を得る方法はありますか？

[アップデート]

jQueryの$.param().