問題タブ [angularfire2]

.set(jsonObject)angularfire2を使用してFirebase DBにアクセスすると、オブジェクトがエスケープされます（各二重引用符の前にバックスラッシュが追加されます）。DB（console.firebase.google.com）
に手動で追加すると、すべて正常に動作します。jsonObject

Firebase DB コンソールの結果は次のとおりです。"{\"key0\":0,\"key1\":1}"

しかし、Firebase DB コンソールに移動して、エスケープされたオブジェクトを の値に置き換えると、期待どおりの結果が得られますconsole.log(jsonObject)。

何が問題ですか？

ありがとうございました

ログインしたユーザーが特定の場所を「お気に入り」としてマークできる一連の場所をリストする単純なアプリがあります。

firebase の私のデータ構造には、次のような場所の単純なリストが含まれています。

ロケーション => ロケーション ID: [] => [{name: "MyName"}, {name: "MyName 2}]

Likes => userId: [] => location id: [] => {liked: true}

簡単なロジックを使用して、テンプレートでこれを反復処理したいと思います。

私のコンポーネントの次のロジックで

ただし、私の見解では location.liked プロパティは空のままです。/likes/${this.uid}/${location.$key} URL に実際に目的のデータが含まれていることを確認しました。

これをどのように処理すべきかについてのアイデアはありますか?

ありがとう

入れ子になったデータをfirebaseから取得し、タイプセーフに保つようにしています。私はこれを見てきました: https://github.com/aaronksaunders/afwithngcli/blob/master/src/app/afwithngcli.component.ts しかし、それはインターフェースを使用していません。

私のインターフェイス (このサンプル用に簡略化):

私のサービス:

私がやろうとしているのは、すべてのサブジェクトとクラスを含むすべてのスタディをオブザーバブルとして取得して、1 つのコンポーネントですべてのレベルを表示および編集できるようにすることです。

次のようなエラーが表示されます。

問題はコンストラクターにあります。エラーは、this.myStudies$、study.subjects、および subject.classes への割り当てエラーがあることを強調しています。

私は何を間違っていますか？

私はfirebaseでIonic2を使用しています。app.ts で firebase を初期化する 2 つの方法を見てきました。それを行うための推奨される方法と、両方の機能を使用する方法を教えてください。ionicBootstrap() で初期化すると、firebase 関数が失われ、コンストラクターで初期化すると、angularfire 関数が失われます。

angularfire 関数を使用するには、ionicBootstrap で初期化します

firebase 関数を使用するには、コンストラクターで初期化します

コンストラクターで angularfire2 の defaultFirebase() を移動しようとしましたが、うまくいきませんでした。次のエラーが表示されます。

元の例外: トークン FirebaseUrl のプロバイダーがありません! (AngularFire -> トークン FirebaseUrl)

私は比較的単純な問題を抱えていますが、思ったよりも解決が難しいことが判明しました。私は基本的に、観察可能な値を使用してAngular 2のFirebaseリストをフィルタリングしようとしています

これは、期待どおりに機能し、場所変数に

これはうまくいきます。ここで、location.like 変数に基づいて location 配列をフィルター処理したいと考えています。

私が走れば

true または false に設定された like パラメータを含む、期待どおりの完全なオブジェクトを取得します。

ただし、実行すると

完全な結果を console.log に記録すると、この値が正しく表示されるにもかかわらず、未定義に戻ります。

これを引き起こしている可能性のあるものについての手がかりはありますか?

angular2 クイックスタート コードを使用して、基本的な todo アプリを作成しました。

ログインページとfirebaseへの接続を追加して、todoを保存および取得しようとしていましたが、firebase3の実装に問題がありました。

開始スクリプト (以下を参照) でtscへの呼び出しを削除することで機能させることができますが、これは短期的な修正のようです。

npm startを実行したときに表示されるエラーは、component.tsc ファイルで使用するたびに firebase という名前が見つからないことを示しています。また、firebase 3 のグローバル タイピングのダウンロードがまだ見つからないため、firebase 2 のタイピングしかないことにも気付きました。

firebase 2 と 3 のレイアウト方法の違い (firebase 3 は index.html のみにあり、firebase 2 は全体で宣言されているように見える) が問題を引き起こしている可能性がありますか?

私のfirebaseの経験は非常に限られているため、fb2とfb3の違いを誤解している可能性があることに注意してください。

以下は、現在npm startで発生するエラーです

AngularFire2 を使用した Angular 2 RC6。認証が機能すると、保護されたルート (「/feed」) にリダイレクトされます。AuthGuard の canActivate メソッドが起動すると、認証は常に null になります。ガードが構築される前に認証が行われるように見えるため、ガードのサブスクライブは何もしません。

login.ts (この認証は機能し、「フィード」にリダイレクトされます)

feed.routes.ts

auth-guard.service.ts

コンソールに出力される内容は次のとおりです。

.subscribe 内のアクションが発生しないことに注意してください。