問題タブ [restangular]

私は現在、フロントエンドで AngularJS を使用し、バックエンドで Express を使用するペット プロジェクトに取り組んでいます。Angular フロントエンドは、Restangular モジュールを使用して RESTful リクエストを使用してバックエンドと通信します。バックエンドでは、セッションは Passport を使用して認証されます。ブラウザーでは、認証は非常にうまく機能します (たとえば、Postman を使用すると、ログイン情報を POST してから、必要なものをサーバーから取得できます)。

問題は、Restangular を使用して、最初にログイン情報を含む POST 要求を送信して「ログイン」することです。主なロジックを以下に示します。

正しいユーザー名とパスワードを入力すると、コンソールに「Login Succesful. You are now login」という応答が表示されます。これは、正しいログイン時に送信されるようにコーディングされた応答です (郵便配達員に表示される応答と同じです)。

問題は、何を取得しようとしても、コードで実行されるすべての GET 要求が 403 Forbidden 応答を返すことです。

コンソールでも同じ応答が得られます

ブラウザーと Postman がどのように機能するかはわかりませんが、アプリケーションはわかりません。

同様の設定で運が良かった人はいますか？

私の直感では、これはAngularがCookieを処理する方法に関係していることがわかります(確かではありません)。

私はrestangularを使ってアルバムを作成しています。

そして、私はこのようにサービスを呼び出します

しかし、アルバムが console.log(res) always undefined を正常に投稿した後、私のコードに何か問題がありますか?

私はAngular JSを初めて使用し、json形式のフォームデータのrestangular POSTを使用する必要があります。また、私は POST 機能を初めて使用します。どのようにすればよいか教えてもらえますか??

私のインデックスページ:

コントローラ

ここで、Json形式として入力値をどこに渡す必要がありますか.....コードに問題がある場合は、plsが私を修正してください.....

同一のリソースに対して次の 2 つの呼び出しを使用します。

Restangular は単一の GET をサーバーに送信しますか、それとも 2 つ送信しますか? Restangular は、2 番目の get() が発行されたときに、このリソースへの要求が既にあることを認識できるほどスマートですか?

編集: Chromeは1つのリクエストのみを表示しますが、これがRestangularまたはブラウザで実装されているかどうかはまだわかりません?

私は AngularJS アプリで Restangular を使用しており、単純な CRUD アプリケーションから始めています。私が抱えている問題は、既存のコレクションに新しいアイテムを追加する方法を理解することです。

コントローラー内では、既存のコレクションがサービスで取得され、スコープで使用できるようになります。

フォームから新しいアイテムが作成され、サーバー上に作成されます。

この新しいアイテムを既存のコレクションに追加したいのですが、方法がわかりません。すべての情報が存在することを考えると、これは非常に無駄に思えます。Restangular.all('items')理想的には、次のようなことをしたいと思います。

しかし、これはうまくいきません。新しいアイテムを作成するたびにコレクション全体を再取得するのではなく、どのようにコレクションに追加すればよいですか?

これが本当の初心者の質問である場合はお詫び申し上げます。私はコールドスタートとして AngularJS と restangular に来ています - 私はいくつかの古いバックエンド指向のコードを、SPA と XHR のこの派手な新しい世界に移植しています。

とにかく、これは本当に簡単です。API からオブジェクトをロードしたいのです。私はこの方法でかなり簡単にそれを行うことができます:

これにより、（私が理解しているように）必要な場所に現在のユーザーを挿入できます（Cookieが正しくない場合、API呼び出しで404または401が返されます.

私が今抱えている単純な問題は、テンプレートでこのユーザー オブジェクトにアクセスしたいときに、{{user}} ではなく {{user.user}} にバインドされていることです。私の User オブジェクトは、JSON で作成されたオブジェクトであり、Restangular でフェッチされました ( {"user":{"id":2,"name":"Eric Eslinger","email":"eric.eslinger@gmail.com"}}「こんにちはユーザー名」と言いたい場合は、「こんにちは、{{user.user.name}}」と言わなければならないように見えました)。 .

オブジェクト階層を設定する際に欠けているものについてのアドバイスは大歓迎です。後で心配する必要がある、単純で重要な何かが欠けているような気がします。

Restangular、Angular-ui-utils を介してバックエンド検証を使用してフォームを作成しようとしていますが、関数を続行する前に Restangular の約束を強制的に終了させる方法がわかりません。したがって、プログラムは null 値を返し続けます。

これが私のコードです

HTML:

Javascript:

Rest Serice の出力は非常に単純です。名前がデータベースにない場合は「false」、ある場合は「true」です。