問題タブ [angularjs-http]

ng-upload を使用して AngularJS でファイルをアップロードしようとしていますが、問題が発生しています。私のhtmlは次のようになります：

そして、私の js コントローラーは次のようになります。

私が直面している問題は、切り抜き画像がヒットして uploadPostImage が実行され、フォーム全体がアップロードされたときです。望ましい動作ではありませんが、動作させることができます。大きな問題は、「完了」パラメーターが true に戻った場合でも、関数 uploadPostImage の「コンテンツ」パラメーターが常に未定義であるという js にあります。

目標は、トリミング用の画像のみをアップロードすることです。このプロセスで何が間違っていますか?

以下のコードを使用して電話をかけようとしてjsonpいますが、うまくいかないようです。

コード

どんな助けでもいただければ幸いです。

プロジェクションをサービス呼び出しに対してグローバルにするために、$http 呼び出しの結果を別のモデルに投影したいと考えています。

つまり、http/api 呼び出しから取得した結果は、必要な正確なモデルを使用していません。

サービスクラス内でこのプロジェクションを行うにはどうすればよいですか?

AngularJS/karma/jasmine テストを使用して API バックエンドをテストするにはどうすればよいですか?

エラーを示す最小のテストケースを作成しようとしました:

echo_server.py

テスト/ユニット/apiSpec.js

の出力karma start configs/karma.conf.js

ローカル仮想ホスト ( http://foo.app:8000 )で角度のあるアプリを実行しています。を使用して、別のローカル VirtualHost ( http://bar.app:8000 )にリクエストを送信してい$http.postます。

Chrome 開発者ツールの [ネットワーク] タブには、もちろん OPTIONS リクエストが表示され、応答にはヘッダーが含まれています。

ただし、POST 要求は次のエラーでキャンセルされます。

要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン「http://foo.app:8000」へのアクセスは許可されていません。

誰もこれを経験しましたか？Access-Control-Allow-Originヘッダーは OPTIONS リクエストの応答に非常に明確に含まれているため、ヘッダーが欠落している POST が機能している理由を一生理解できません。

Access-Control-Allow-Credentialsにも設定されていtrueます。

バックエンドとして CakePHP を使用しています。

したがって、 を使用する場合$httpは、次のものが必要です。

a) デフォルトの設定は

b) ng-modelhtml 入力の属性はパターンでなければなりません

言い換えると、data.{CakePHPModelName}.{modelattribute}

私の $http は CakePHP バックエンドで完璧に動作しています。

angular $resource を同じように使用するにはどうすればよいですか?

以下を使用する場合：

a)

対

b)

そして、使用する a$http.postまたは a$resourceを使用する場合POST

a）Chrome Dev Toolsでこれを取得するので、私が欲しいものです：

b）Chrome Dev Toolsでこれを取得するため、私が望むものではありません：

これは私を困惑させます。なぜなら、ポストを含むすべてにコモンが適用されることを期待しているからです。

a) と b) の唯一の違いは、b) があることです。

angular を使用してい1.2.6ます。

問題は次の場所でも発生します1.2.9

お知らせ下さい。

現在、angularJS と CoffeeScript を使用して投稿リクエストを送信しようとしています。サンプル コードは次のとおりです。

しかし、私がそれを呼び出すと、POST リクエストの代わりに「OPTIONS」リクエストを送信するだけです。
リクエストの詳細は次のとおりです。 このメソッドにヘッダーを追加すると、

それでも機能しませんが、ヘッダーを 'Content-Type': 'application/x-www-form-urlencoded'に変更すると、投稿リクエストを送信できます。
しかし、リクエストの Content-type は私が望んでいません。

また、 data: JSON.stringify(user)によってリクエスト データを JSON に変更しようとしました が、まだ機能していません。

アップデート

皆さん、私はこの問題について別のスパイクを行いました。リクエストを送信するのはjqueryで、正常に動作しますが、リクエストデータが異なるという有線のものを見つけました。

Jクエリ

Jquery のスクリーンショット

角度

リクエストを送信できるようになりましたが、リクエストを実行しようとすると 401 になりました。
Angular のスクリーンショット

そのため、この問題は角度要求データの形式が原因である可能性があると思います。

私の<base href="...href 属性の値をすべての get および post$http呼び出しに追加したいと思います。次のようにリクエストインターセプターを使用してみました：

ただし、どういうわけか、AngularJs は base href 属性の値を templateUrls の前に追加しますが、これは望ましくありません。

どうすればこれを防ぐことができますか?