問題タブ [angular-cookies]

こんにちは、私はAngularJSを学んでいて、クッキーの値を保存しようとしています.2つのhtmlファイルがあります

index.html

test.html

test.js

Cookie にテキストを追加し、test.html にリダイレクトして Cookie の値を表示していますが、どこかで失われましたか?

$window.location.href リセット Cookie 値はありますか?

I want to use angular-cookies from bower but when I do:

bower install angular-cookies it sometimes fetches the one published by the angular team and sometimes some other old incompatible one from an independent author (angularify)

If I do manage to get the official one, then whenever I run bower install ... again, for some other reason, bower will switch the version of angular-cookies that I already have, breaking my application.

How can I do something like:

bower install --force https://github.com/angular/bower-angular-cookies

カスタム サービスで角度のある Cookie を使用しようとしましたが、エラーが発生しました: 不明なプロバイダー: ngCookiesProvider <- ngCookies <- checkLoginService

モジュール、コントローラー、サービスを別々のファイルに保存します。

コントローラ：

サービス：

ユーザー名とパスワードが正しい場合、ユーザー名とパスワードが正しい場合、トークンを返し、ngStorage を使用してローカル ストレージに保存しますが、localStorage にトークンを保存するのは安全ではないという記事を読み、Cookie Http に保存することを参照しました。Cookie Http にトークンを保存するにはどうすればよいですか。それは安全ですか、またはトークン認証を処理するためのより良い方法はありますか

ここでの中心的な問題は、$cookies を構成ブロックに挿入できないことです。Angular Translateでの静的ファイルの読み込みの構成は、構成ブロックでのみ実行できるようです。静的翻訳ファイルのクエリ パラメータとして使用して、リリース間でキャッシュ バスティングの形式を持たせたいアプリ バージョンを含む Cookie があります。

コードは次のとおりです。

これは奇妙に感じ、より良い方法があるはずです。実行ブロックで静的ファイルの読み込みを構成する方法を Angular Translate docs から直感的に理解することはできません (このアプローチよりもはるかに優れているとは言えません)。また、構成内の Cookie を取得する方法もないようです。 $cookiesProvider を介してブロックします。

おそらく、このアプローチはまったく悪い考えであり、問​​題を解決するためのより良い方法がありますか?

プロジェクトに複数の ng-apps を含めることはお勧めできませんが、私のプロジェクトは一般的に互いに関連していないセグメントに分割されています。さらに、多かれ少なかれ他に選択肢がありません。

ng-cookie私の問題は、 2 つの別々の Javascript ファイルの間で永続性があることです。dashboard1.htmlにリンクされcontroller1.js、にdashboard2.htmlリンクされているとしましょうcontroller2.js。

ここで、コントローラー 2 のコントローラー 1 の Cookie 値にアクセスしたいと思います。これを実行しようとすると、結果は未定義と表示され、別の Javascript ファイルによって設定された Cookie 値にアクセスできないことを意味します。

この問題を解決する方法を教えてください。

注 : Javascript ファイルには、それぞれの ng-app が定義されており、各アプリケーションのコントローラーがあります。

これはコントローラーでありng-app、1 つのモジュールの一部です。

この ng-app のコントローラーで Cookie を設定しています。正しく動作し、コンソールで期待どおりの応答が得られます。これはファイル controller1.js にあります

今、私は controller2.js で同じ cookie にアクセスしようとしていますが、これはすべて異なる ng-app によってバインドされています。

Her I は出力として未定義になります。

このファイル内の同じ Cookie にアクセスしたい。

新たに作成したルート client/app/login で generator-angular-fullstack を使用しました。login.controller.js、login.html、login.js、login.controller.spec.js、および login.scss が含まれています。「authentication_token」と「user_id」を Cookie に返す JSON から保存したいサインイン API エンドポイントを設定しました。Angular-cookies (ngCookies) がインストールされています。

ドキュメントの例 ( https://docs.angularjs.org/api/ngCookies/service/ $cookies) を適応させようとしましたが、今のところうまくいきません。コンソール エラー = '$cookies.put は関数ではありません' (Angular 1.5.6)。また、変更

に

あるいは

ヘッダーを除いて、すでにログインページが空白になります。存在しないモジュールをロードしようとすると、完全に空白のページが表示されるため（ヘッダーもありません）、モジュールが存在しないことは問題ではないと思います。

助言がありますか？

login.html

login.controller.js

login.js

典型的な JSON 応答:

AngularJS v1.5.x $cookiesサービスを使用して単純な Cookie を作成しようとしています。私はクッキーを読むことができるので、依存関係はすべて正しいです。ただし、書き込みも編集も機能していません。

例えば：

... 次の出力が得られます。

旧: ZmVhZDE ... =
新: ZmVhZDE ... =

エラーはスローされません。新しい Cookie を書き込もうとすると、同じことが起こります。

次のように、コントローラーに Cookie を書き込むことができます。

これの原因は何ですか？