問題タブ [angularfire2]

angularfire2を使用してangular2アプリにメッセージの非同期リストがあります。

リストが更新されると、ngFor 内のすべての要素が再レンダリングされるように見えます。リスト内の新しいアイテムを再レンダリングすることは可能ですか?

Firebase Auth を使用して Angular 2 ルート用の AuthGuard を構築しようとしています。

これは AuthGuard サービスです。

これは、ユーザーがログインしているかどうかを確認し、その結果をコンストラクターのプロパティ 'loggedIn' にバインドする AuthService です。

ここでの問題は明らかに非同期です。AuthGuard の canActivate() は、「loggedIn」を true に変更するのに間に合うようにサブスクリプションがデータを受信しないため、常に false の値を返します。

これを修正するためのベストプラクティスは何ですか?

編集：

Observable を返すように AuthGuard を変更しました。

ログインにリダイレクトされないので、ある程度は機能します...しかし、ターゲットのAuthGuardedコンポーネントはレンダリングされません。

私のapp.routesと関係があるかどうかはわかりません。これはその部分のコードです：

キーに基づいてコレクションから単一のアイテムを抽出するクエリを作成しようとしています。

私は多くのチュートリアルを検索してフォローしてきましたが、すべてが以下のようなリストを取得する方法を示しているようです:

$key と query を渡して単一のレコードを取得したいと思います。役立つ可能性のある情報源への提案や指示をいただければ幸いです。

AngularFire2 を使用しています。テストの実行中にこの例外が発生しました。

これは私のテストがどのように見えるかです:

AngularFire は関数なので注入できないのではないでしょうか?

それで、私も Angular2 Final にアップグレードしました。移行プロジェクトの手順を実行して、すべてを移行しました。エラーはゼロです。認証されます。ただし、問題は認証後に発生します。ページにリダイレクトされると、おいしい認証データが取得されません。ログインしていないように動作します。これは、ローカルで発生しており、firebase ホスティングでも発生しています。Cookie をブロックしていないことを再確認しました。認証オプションを削除して、Facebook だけにしました。うまくいきません。ファイナルに行く前でよかった。私が使っていた最後のバージョンは RC5 でした。

Typescript 2.0.2 を使用しています。

私の app.module は次のようになります。

私の app.component は次のようになります。ルートを使用しているので、かなりむき出しです。router-outletとnavbarを含むページをロードするだけです。

最後に、実際のログインが行われるホームページは次のようになります。

RC5 と Final の間で何が変更されて失敗したのかはわかりません。それが役立つ場合、これが私のpackage.jsonファイルです：

他の誰かがこれに出くわしましたか?

Angular Web アプリ内で AngularFire2 を使用しています。Firebase のクエリの制限により、必要なデータを正確に提供するクエリを作成することはできません (少なくとも、スキーマに大幅な変更を加える必要はありません)。

そのため、javascript (typescript) 内で追加のクライアント側フィルター条件を適用したいと考えています。どうすればいいですか？どうにかしてオブザーバブルにフィルター関数を追加できますか? 以下は、私がやっていることを示す断片です。

コンポーネントの HTML テンプレートには、次のようなものがあります。HTML フラグメントの「jobs」変数は、FirebaseListObservable です。

コンポーネント コードは次のようになります。

ローカル (クライアント側) フィルターを適用できるように、"this.jobs" にフィルター コンポーネントを適用する方法はありますか?