問題タブ [angular2-guards]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 2 auth ガードをオブザーバブルで動作させる方法
ルートの 1 つに認証ガードを実装しようとしていますが、オブザーバブルでそれを行う方法がわからないため、機能させることができません。
私はngrx/store
自分のトークンを保存するために使用し、ガードで を使用してそれをthis.store.select('auth')
フェッチします。これにより、次のようなオブジェクトがフェッチされます (ログインしている場合)。
そして、ガードは次のようになります。
現在、問題は、ガードがブール値ではなくオブザーバブルを返すことです。else
これにより、戻り値の中に入ってもルートがレンダリングされませんtrue
。
ガードがオブザーバブルではなくブール値を返すようにするにはどうすればよいですか?
angular - angular2でResolveインターフェースを実装する方法
リゾルブガードを実装するには、次のようにすることを知っています
以下は、ガードの上を使用している私のルートです
の代わりに実際に置き換えなければならないのは何ですかsomethingInsideHere
。Resolve<true>
またはに従って変更するかどうかによって異なりますResolve<false>
。この状況でルートがどのように解決されるか。この状況で指定した内容に関係なく、ルートは常に解決されましたか。
unit-testing - Jasmineを使用してangular2のcanActivateガードメソッドを単体テストする方法は?
このような質問をして申し訳ありません。しかし、canActivate ガード ファイル テストの作成に関するブログや YouTube チュートリアルを見つけることができません。また、公式ドキュメントにも何も言及されていません。
どんな助けでも大歓迎です。
angular - Angular2 サービスのシングルトンを作成するには?
アプリに認証ガードを実装しようとしています。すなわち; 認証されたユーザーのみがアプリの特定のルートにアクセスできます。ここで与えられたtutに従っています。
ユーザーがログインしたら、AuthService のブール値を true に変更して、ユーザーがログインしたことを示します。これは、アプリの存続期間中保持する必要があります。
以下にソースコードを示します。
auth-guard.service.ts
auth.service.ts
login.component.ts
コンソール出力
編集: app.module.ts
ここで何が間違っていますか?どんな助けでも大歓迎です。
angular - Angular CLI でのルートのエラー ガード
OS: Linux x64 Ubuntu 16.04
Angular バージョン
- angular-cli: 1.0.0-beta.24
- ノード: 7.2.0
- npm: 3.10.9
Angular CLI でプロジェクトを作成しましたが、問題は、ページを更新すると現在のルートが壊れていることです。これは、ルートのパスで CanActivate を使用すると発生し、使用できず、機能しますが、ルートを保護します。
これは私のコードですapp.routing.ts