問題タブ [angular-local-storage]

私は本格的なAngularアプリを持っています。

私が必要とする唯一の機能は、同じサイトが 4 つのタブで開いている場合で、ユーザーが開いているタブの 1 つでログアウト ボタンを押している場合、開いている他のすべてのタブでアプリケーションをログアウトする必要があります。

これに関する美しい例を見つけました

たとえば、いずれかのタブがログアウトした場合:

しかし、唯一の問題は、プレーンな JavaScript ではなく、Angular で実行したいということです。理由は、ログアウト関数を角度で記述しているため、両方をマージするのが少し難しく、もう 1 つの理由は、これを JS で行うと確実にコードが汚れてしまうからです。

だから、$watchローカルストレージの変更イベントをキャッチするために使用できる方法はありますか.Or何かを使用して、すべてのタブからログアウトを実行します.

上記のコードをAngularで変換してください。

AngularJS と LocalStorage を使用してアプリを構築しています。私には少し複雑すぎるという問題に遭遇しました。

私は人のリストを持っています。アイデアは、名前の配列を追加できるようにすることです。X 名を選択し、[追加] をクリックして、配列にオブジェクトを作成すると、リストがリセットされ、最初からやり直すことができます。X 名を選択し、[追加] をクリックします。

LocalStorage にプッシュする一時配列を作成する方法は次のとおりです。

HTML:

JS:

私の問題は、配列にオブジェクトを作成できることですが、オブジェクトを追加すると、名前のリストの選択された項目がリセットされないため、次のオブジェクトを追加するときに事前に選択されます。同時に、最後に追加されたオブジェクトにもリンクされたままになるため、選択を変更すると、最後のオブジェクトも変更されます。

これはまた、配列の各オブジェクトに編集機能を追加する可能性を台無しにします。

この問題を説明するPlnkrを作成しました。

問題に光を当てることができれば、それは素晴らしいことです。

LocalStorageModule for Angular Js を使用するサービスのテストを作成しようとしています。使用するサービスにモジュールを追加して使用できますが、単純な単体テストをテストしようとすると、次のエラーが発生します。

簡単なテストの書き方をここに示します：

サービスのモジュール (The Service Work great) :

app.js には、モジュール インジェクションがあります。

カルマ.conf.js

テストシナリオで外部モジュールをロードする方法を誤解していると思います。手伝ってくれてありがとう ！

ngStorage モジュールを使用して、$storage 変数を設定した後にリダイレクトを実行しようとしています。これは機能していません。理由がわかりません。

私のコードは以下の通りです：

window.location 行を削除すると、正常に動作します。

私は間違った順序で何かをしていますか？

私はこれについてしばらく頭を悩ませてきましたが、なぜこれが機能していないのかわかりません。配列を生成する UI を実装しましたが、この配列を localstorage に格納したいと考えています。services.js次のように、ファイルに「時間を節約する」ファクトリを作成しました。

の上に次のコードを追加してテストするとcontrollers.js file、すべて問題なく、コンソールに文字列とオブジェクトが出力されます。偉大な。

interestsただし、アレイに入力するスワイプカード UI を担当するコントローラー (以下に示す) 内から localstorage に保存しようとすると、問題が発生します。

saveInterestsマークアップでは、ボタン クリック イベントでトリガーする関数を追加しました。

これを単純なプレースホルダー関数でテストすると、次のエラーが発生します。

タイプ エラー:

これが機能しない理由がわかりません。どんな援助でも大歓迎です。