問題タブ [angularfire2]

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.

0 投票する
3 に答える
2568 参照

firebase - angularfire2を使用しているときにネイティブFirebaseオブジェクトにアクセスするにはどうすればよいですか?

私は AngularFire2 (2.0.0-beta.2) を angular2 (2.0.0-rc.4) と組み合わせて使用​​しています。Angularfire2 からネイティブの firebase オブジェクト (AngularFire ルート オブジェクトではない) にアクセスしたいと考えています。

コンポーネント内で、次のような呼び出しを行いたいです。

ここで、firebase は、以下のフラグメントから得られるようなネイティブの firebase オブジェクトです。

しかし、firebase オブジェクトがその中に表示されるように angular2 コンポーネントをセットアップする方法がわかりません。おそらく解決するのは非常に簡単な問題ですが、解決方法がわかりません - 私は angular2 の専門家ではありません。オブジェクトを取得するためのAngularFire APIがあることを望んでいましたが、ありません。

また、私がこれをやろうとしている理由は、angularfire2 api がまだ完成していないと思うからです (まだベータ版なので理解できます)。これを回避しようとしています。たとえば、ユーザーのメール アドレスまたはパスワードを更新したり、忘れたパスワードのメールを送信したりします。この機能はいずれも AngularFire2 にはまだ存在しないようです。そのため、ネイティブの Firebase オブジェクトを使用して実装しようとしています。

0 投票する
2 に答える
2318 参照

firebase-realtime-database - Angularfire2 は追加されたオブジェクトのキーを取得します

追加したばかりのオブジェクトのキーを取得できますか?

例えば:

0 投票する
1 に答える
279 参照

angular - angular 2とfirebaseを使用した基本的な例の認証例外

angularfire2の公式ドキュメントの一部であるこの例(angularfire2 のインストールとセットアップ)に従うだけです

この例を実行すると、次のエラーが発生します。

ここに画像の説明を入力

ご覧のとおり、2 つのエラーがあります。最初のエラーは autorization に関連していると思われます。次のエラーは、正常に終了しない操作に関連していると思われます。

コードはまさに例のとおりです。データベースのルールは次のとおりです。

ここに画像の説明を入力

main.ts

app.component.ts

app.component.html

問題について何か考えはありますか?

0 投票する
2 に答える
532 参照

typescript - Angular2 と Firebase (AngularFire2)

Angularfire2 を使用して、Firebase と通信します。これはコードです。

命令af.database.list('items')がデータを取得するのに数秒かかります。では、データが既にロードされていることをどのように知ることができますか? それがわかれば、「読み込みバー」を表示できます。

0 投票する
2 に答える
8626 参照

angular - AngularFire2 を使用して電子メールとパスワードでユーザー ログインを作成する方法

Google、Facebook、または Twitter でログインするオプションを使用して を作成しましたlogin-serviceが、うまく機能しています。

電子メールとパスワードでログインするオプションを作成しようとしています (このオプションは firebase コンソールで有効になっています)、それを機能させることができません。

私のログインサービスコードは次のとおりです。

そして、main.ts は次のとおりです。

更新

@JS_astronauts が言ったように、問題はデータがログイン サービスに渡される方法に関連しています。

login.component.ts

そして、私が持っているhtmlで:

しかし、 this.loginForm.controls['correo'].value.toString() で取得した値は null に等しいので、値を取得するにはどうすればよいですか?

どこに問題があるのですか?よろしくロベルト。

0 投票する
1 に答える
73 参照

angular - 配列内の二重エントリをキャッチ

簡単に表示できるように、一意の名前を持つ要素をリストに保存したい。

二重エントリがあるかどうかを確認するには、すべての要素をループして、名前が一意かどうかを確認する必要があります。moduls/:name存在するかどうかを確認できるため、このように保存すると簡単になります。

しかし、好きなものとそうでない*ngFor="let modul of moduls | async"ものが欲しいFirebaseListObservableFirebaseObjectObservable

2 番目の方法の方が優れていると思いますが、その方法がわからないため、すべてがまだ同期されています。

0 投票する
3 に答える
6462 参照

asynchronous - サブスクリプションでAngular2がtrue/falseを返す

ユーザーがデータベースに存在するかどうかを確認し、存在する場合は true を返す必要があります。関数があります(ちなみにfirebaseを使用しています):

問題は、関数が常に false を返すことです。サブスクリプションの確認を待ちません。それを修正する方法はありますか?

0 投票する
1 に答える
2575 参照

javascript - フラット化されたデータの結合

init のデータを顧客テーブルからプロジェクト リストに結合したいと考えています。

モデルは次のようになります。

  • プロジェクト

    • 名前: 文字列
    • 顧客: 顧客キー
  • 顧客

    • 名前: 文字列

angularfire2を使用してangular2コンポーネントからこれを行う方法の例はありますか?

私のコントローラーは次のようになります。

アップデート

this.projects のタイプを FirebaseListObservable から Observable に変更しました。私の ngOnInit() メソッドは次のようになります。

の内部のテンプレートから顧客の name プロパティではなくアクセスできるようになりました