問題タブ [angularfire2]

Angular の最新の RC4 バージョンで angular-cli を使用しています。

ここの手順に従っていました。

しかし、いくつかの非常に小さな変更を加える必要がありました。1 つには、この方法で AngularFire をインストールしています。 npm install git+https://github.com/angular/angularfire2.git --saveこれにより、RC4 と互換性のあるバージョンを使用できるようになります。

第二に、タイピングのステップを実行するとき、私はこれを行います: それが firebase.d.ts typings install file:node_modules/firebase/firebase.d.ts --save --global && typings installファイルがある場所だからです。

次に私はこれを行います：

node_modules/angularfire2 フォルダーに angularfire2 の .js ファイルがないため、.ts ファイルを使用する場所。ソース フォルダーでも .ts ファイルです。

したがって、ステップ 7 に到達したら、次のようにします。

すべてがバラバラになります。理由はわかりませんが、うまくいくはずですか？

ここにgithubのプロジェクトがあります

アップデート：

ということで、拡張子を .ts から .js に変更してみましたsystem-config.ts。

次に、次のことを試しました。

ただし、結果は次のとおりです（再び）：

私は本当にばかで、一歩を踏み外しているだけですか？私は自分のように感じます。. . それは、私が知らなかったか、完全に見過ごされていた明らかなものになるでしょう。:(

angularfire2のドキュメントを読んでみましたが、ここまで来ました。私の認証サービスは angularfire.auth.login を呼び出します。私はこの関数を購読しており、返されたユーザー情報をデータベースに保存したいと考えています。

Typescript コンパイラがエラーを返します:

Error: Typescript found the following errors: /Users/macbook/dev/app/kichenclub/tmp/broccoli_type_script_compiler-input_base_path-nMnfGgj9.tmp/0/src/app/auth.service.ts (12, 25): Property 'displayName' does not exist on type 'FirebaseAuthState'.

すべての「displayName」についても同じです。

私は正しい方向にいますか？他にこれを解決する方法。

authentication.service.ts:

さらに情報が必要な場合はお知らせください。

最後に、お立ち寄りいただきありがとうございます。:)

Firebaseデータベースからデータを読み取るために、このngForがあります：

新しい投稿がプッシュされるたびに、すべての投稿要素が再レンダリングされます。

助言がありますか？

ありがとう！

データベース: Firebase

ユーザーは、次のような投稿を追加できます。

authorユーザーはいつか自分のプロファイルで何かを変更するので、すべてのユーザー情報を内部に保存するべきではないと思います。ユーザーキーだけを内部に保存しauthor、ビュー内の投稿データを印刷しながらそのユーザーを取得したいと思います。

（サービス）それが私がすべての投稿を取得している方法です（正しく動作します）

（コンポーネント）ここでは、これらすべての投稿を投稿配列に割り当てて、ビュー内に印刷します。

（表示）非常に簡単に印刷できるすべての投稿データを除いて、post.author でユーザーに写真、名、姓などの著者データを印刷させたいと思います。

このようにして、ユーザーを取得したいと思います。ここにgetUser関数があります

{{homepageService.getUser(post.author)?.email}}内部ビューがないという行が間違っていることは知っていthenますが、非同期パイプも使用してみました。今、私は立ち往生しています。どうすればいいですか？

問題は、マッピングがまだ完了していないため、chat.name が最初に空白で表示されることです。データを更新する前にマッピングを待つ方法はありますか?

これがUIです。

私はこれで立ち往生しています：私のデータベースは非常に単純です。

都市 A の製品のみを表示したいので、この関数を使用して、この都市の製品のすべての参照を取得します。

この場合、次の参照が返されます: -KNnf89UzBvzmYlrpiQj -KNnfAs31LkMUjU60VAG -KNngYcNoUUql4oIMxwU

これで、表示する製品にこれらの参照があることがわかりました。しかし、これらの製品 (short_desc) の詳細を取得するにはどうすればよいでしょうか?

私はこれを試しました：

アプリは警告なしで正しくビルドされていますが、ビューに結果を表示しようとすると:

このエラーが発生します：

元の例外: TypeError: undefined はオブジェクトではありません (「self.parent.context.ref.shortdesc」を評価しています)

あなたの助けが必要です ！

firebase db から取得したオブジェクトの使用に問題があります。下の図でわかるように、問題なく json ファイルを受信できます。 https://i.gyazo.com/6c1c69aca47f92a4e1029bb019042ab2.png

上記のコードは /src/app/app.component.html にあります。

これは /src/app/app.component.ts から item オブジェクトを受け取ります

item.name.$value も使用してみましたが、うまくいきません。jsonファイルの値を取得したいと思います。そして、それらをウェブサイトで使用できるようにします。

ユーザーがログインしているときに、$key が auth.uid に等しい Firebase データベースの '/users/$key' URL から、currentUser FirebaseObjectObservable にユーザー データを取得したいと思います。ユーザーがログアウトしたときも同様です。 、 currentUser は自動的に null になります。

そのためには、テンプレートで非同期パイプを使用する必要があると考えていますが、ログイン後に currentUser データしか取得できず、ログアウト後もメモリに残ります (私が行った方法)。auth オブジェクトが null になったときに自動的に null になるようにしてほしい。

テンプレートでこのようなものを使用しても問題ありません{{(currentUser | async)?.email}}

Observables に関する私の知識不足が問題ですが、AngularFire 認証オブジェクトは、私が理解している rxjs/Observable とは異なります。

アップデート：

これは私がそれを解決した方法です：

それでも、それは私には正しくありません。このままでいいのでしょうか？

Firebase データベースがあり、データは次のようになります。

Firebase データベースの構造

foodオブジェクトがテーマとともにデータに含まれるデータを取得したい。

私はこれを試しました：

このようにして、コンソールでこれを取得しています。

FirebaseObjectObservable {_isScalar: false, _ref: W}

私が必要としているものは達成可能ですか？

また、これはデータの保存と取得の正しい方法ですか?

rxjs と angular2 は初めてです。どんな手がかりも役に立ちます。

ありがとう、