助けてくれてありがとう。typescript を使用して Angular 2 でローカル ストレージ アクセスを取得しようとしています。npm パッケージ angular2-localstorage を使用しています。angular.ioの「Tour of Heroes」が機能していました（スタイリングはあまりありません）。https://www.npmjs.com/package/angular2-localstorageの指示に従いました。提案されたコードを app.module.ts ファイルに追加した後、 で実行してみましnpm startたが、次のコンパイル エラーが発生しました。

ここですべてのコードを確認できます: https://github.com/joshuaforman/angular2-quickstart

さらに、ここに完全な app.module.ts ファイルがあります(エラーが発生する原因となる変更した唯一のファイル):

テキスト「LocalStorage」を含むローカルストレージを実装するために追加したすべての行にコメントがあります。これらの 3 行をコメント アウトすると、コンパイルとランタイムが正常に機能します。

この時点で、正常にコンパイルできるようにしたいだけです。ありがとう。

注：これはスタックに関する私の最初の質問です。過去にここで多くの回答を見つけました。この質問をする際には、慣例に従うように最善を尽くしました。尋ねる際に私が別の方法で行うべきことについての生産的なフィードバックは大歓迎です.

angular jsに2つのコントローラーがあります。

• ナビゲーション バーを制御し、必要に応じてログアウト ボタンを表示するNavCtrl
• 認証とローカル ストレージの設定を担当するAuthCtrl

私が直面している問題は、両方のコントローラーでトークンを設定し、同じものを取得する際にすべてが正常に機能することです。

しかし、認証するときは、ページがレンダリングされたときに値を取得するため、NavCtrl の変更を確認するためにページをリロードする必要があります。それに応じて変更をレンダリングするloginまたは要求がある場合、通知を NavCtrl に渡す方法はありますか?logout

User私が定義したファクトリでありauthFlag、bool認証ステータスを保存するものです。基本的に私はで行われた変更を聞きたいですauthFlag

また、可能であれば、これがベストプラクティスなのか、それとも私が何か間違ったことをしているのかについてコメントしてください.

私は完全なAngular noobなので、Angular 1.5.8を使用していくつかのチュートリアルに従っています。現在、 angular-local-storage モジュールに関するビデオに従って、次のエラーが発生します。

キャッチされていないエラー: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=toDoApp&p1=Error%3A…Orion%2FProyectos%2FAngularLearning%2FtodoList%2Fangular.min.js% 3A21%3A179)(…)

ログ全体は次のとおりです。

モジュール toDoApp のインスタンス化に失敗しました: エラー: [$injector:nomod] http://errors.angularjs.org/1.5.8/$injector/nomod?p0=toDoApp at file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:6:412 at file:///C:/Users/Orion/Proyectos /AngularLearning/todoList/angular.min.js:25:99 at b (file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:24:142) at file:// /C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:24:385 at file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:39: q (file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:7:355) で 471 g (file:///C:/Users/Orion/Proyectos/AngularLearning) /todoList/angular.min.js:39:319) cb (file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:43:336) で c (file:/ //C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:20:390) Bc (file:///C:/Users/Orion/Proyectos/AngularLearning/todoList/angular.min.js:21:179

これは私のHTMLです：

そして、ローカル ストレージ モジュールを使用する必要がある角度モジュール:

これに対する解決策を検索しましたが、見つかりませんでした。誰かがこれを手伝ってくれることを願っています。前もって感謝します。

ユーザーデータを保存する必要があり、アプリケーション全体で使用できる必要があり、必要なコントローラーにアクセスできる必要があります。検索後、保存するオプションがいくつか見つかりました。

• コントローラーへのサービスの使用
• $sessionStorage
• $localStorage

上記のすべてのうち、どれがベストプラクティスか教えてください。または、上記3以外の解決策はありますか？

angular は初めてです。通常の javascript localstorage の代わりに $localstorage(ngStorage) を使用する特定の理由はありますか

違いとは。

誰でも私に説明してもらえますか？

だから私はangular2アプリケーションに取り組んでおり、ログイン後にJWTを生成して、ユーザーのプロファイル情報を取得できるようにしています。正常にログインでき、それがトークンを生成するときです。ログイン後、ユーザーをプロファイル ページにルーティングし、そこで API を呼び出してユーザー情報を取得します。これはすべて、ログインしてページを更新した後にのみ機能します。

// 上記の auth_service はこのメソッドを呼び出します

// 次に、プロファイル コンポーネントでこれを行います。さまざまなタイムアウト時間を試しました。

サービス内に認証情報を保存するために angular-local-storage を使用しています。しかし、インターセプターから同じものにアクセスしようとすると、null が返されます。以下のコードを示しました。

app.js

loginController.js

authService.js

authInterceptorService.js

authInterceptor サービスでは、認証データは常に null です。何が間違っているかについて何か考えはありますか？