問題タブ [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 投票する
1 に答える
165 参照

systemjs - パスを正しく解決しない依存関係の JSPM マップ

私は JSPM にかなりの不満を抱いています。これは多くの問題のうちの最新の問題です。

依存関係をインストールする必要がある- (はい、SUDO。SUDOなしでは機能しません!!)をangularfire2介してJSPM経由でインストールしました。生成されたパッケージ json は次のようになります。sudo jspm install npm:angularfire2@angular

そして、生成された構成は次のようになります-

そのため、アプリケーションのページを更新すると、angularfire2.js正しくインポートされ、インポートが試行され@angular/platform-browser-dynamic.jsます。しかし、インポートしようとしているアドレスは-http://localhost:8000/@angular/platform-browser-dynamic.jsこれは間違ったパスです! 私の最初の行app.ts(およびアプリケーションの開始点)にこの行があるためだと思います- import { bootstrap } from '@angular/platform-browser-dynamic';. しかし、JSPM がこれを正しくマッピングしないのはなぜでしょうか? これらのパッケージを個別にインストールする必要がありますか? もしそうなら、なぜパッケージの依存関係のようなものがあるのですか?

想定: このインポートを解決するとき、/jspm_packages/npm/**アドレスを解決する必要があります。

取得: SystemJS は、Web ルートからパッケージをロードしようとします/

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

unit-testing - 単体テストでAngularFire 2サービスをモックする方法は?

AngularFire 2 認証を使用してサンプル Angular 2 アプリの単体テストをセットアップしようとしています。コンポーネントはかなり単純です。

私がやっているのは AngularFire のloginandlogoutメソッドをラップすることだけなので、メソッドが呼び出されたかどうかを確認するためにモックを使用することを考えていましたが、どこから始めればよいかわかりません。仕様ファイルで次のことを試しました。

ただし、プロパティの一部であるため、メソッドloginとメソッドをモックする方法がわかりません。モックする方法と、メソッドを返す方法はありますか?logoutauthauthloginlogout

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

firebase - firebase 関数 af.database.object が変数内の各オブジェクトを返すことができない

指定したユーザーのfirebaseからユーザープロファイルデータを取得したい。インスタンスでは、UID HBJKD12345 の displayName とユーザーのメールアドレスを返したい

私はこの機能を使用します:

しかし、console.log(this.userProfile.email)私は「未定義」を取得します

私の見解では、使用する必要があります。{{(userProfile | async )?.email}} この行を使用すると、ユーザーのメールアドレスを表示できますが、 console.log を試したときに「未定義」になるのはなぜですか?

0 投票する
0 に答える
148 参照

firebase - AngularFire クエリの非正規化データ

firebase でデータをクエリする際に問題が発生しています。

私は以下の構造を持っています ここに画像の説明を入力

ユーザーはいくつかのペットを飼っており、ユーザーがペット ノードに持っているすべてのペットのリストを取得したいと考えています。私は次のアプローチを行いました:

最後に、変数内のすべてのペットを取得しownPetsます。しかし、このアプローチは私には厄介です。

配列内にあるペットからペット ノードでデータが更新された場合ownPets、このペットは再度プッシュされ、古いペットと新しいペットがownPets.

私は別のアプローチを試みました: クエリ メソッドを使用してオブジェクトの配列を送信しますが、オブジェクトequalToの配列を送信できないというエラーが表示されます。

誰でも私が使用できるより良いアプローチを持っていますか? ありがとう

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

angularjs - $firebaseAuth と AngularFire 2.0.1 および Firebase 3.0.5

Firebase 3 と AngularFire 2 にアップグレードしようとしています。

私はinitializeAppアプリの設定段階で実行しました:

let firebaseConfig = { apiKey: config.fbSecret, authDomain: config.firebaseAuthDomain, databaseURL: config.firebaseBase }, fbApp = firebase.initializeApp(firebaseConfig); let baseRef = firebase.database().ref()

そして、他のモジュールに挿入するためのbaseRefを「提供」します(古いバージョンで行っているように):

$provide.value('FirebaseBase', baseRef);

FirebaseBaseサービスモジュールに注入して、例えばを使用できるようにしますFirebaseBase.child('profile')

エラーは発生しませんが、アプリの実行時にコンソールに次のエラーが表示されます。

angular.js:4576 Uncaught Error: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp().

runエラーの原因はわかりませんが、フェーズにいくつかの認証コードがあります。

$firebaseAuth.$onAuthStateChanged(..

そこから来ているのではないかと推測しています。私は移行ガイドに従おうとしましたが、実際の例はないようで、新しいAngularFireがfirebase.initializeApp.

サンプルアプリはどこかにありますか?何か不足していますか?

0 投票する
0 に答える
157 参照

angular - Angular2 rc3 Angularfire3はPromiseを見つけることができません

Angular2 スターターで Angularfire2 を使用しようとしていますが、次のエラーが発生します。

私はこれを試しました:typings install dt~es6-promise --global --saveしかし、私はまだ得る:node_modules/angularfire2/firebase3.d.ts(33,50): error TS2304: Cannot find name 'Promise'.

これは私がしたことです:

1) angular2 スターターのクローンを作成します

2) npm インストール

3) npm install angularfire2 firebase --save

4) タイピング インストール dt~es6-promise --global --save

5) "files": [ "node_modules/angularfire2/firebase3.d.ts" ] を tsconfig.json に追加します

npm install es-6promise を介して es-6 promise も追加しましたが、うまくいきませんでした。ターゲットを es6 に変更すると、コードは js に変換されなくなりますが、エラーはなくなりました。誰かが私を正しい方向に向けることができれば、私はとても幸せです.

0 投票する
0 に答える
376 参照

ionic-framework - 複数の AngularFire2 観測可能オブジェクト項目にアクセスするにはどうすればよいですか

私の Ionic2 アプリでは、AngularFire2 が提供する FirebaseObjectObservable を介して Firebase データベース内の複数のアイテムにアクセスしようとしています。

私のFirebaseデータベースは

私の観測可能なオブジェクトはここに作成されます

問題は、アプリに表示されているオブジェクトの複数の項目を取得できないことです

リストの最後のアイテムのみがアプリに表示されます。

Observable Object の複数の非同期項目を返すにはどうすればよいですか?

0 投票する
0 に答える
43 参照

firebase - Firebase は、セキュリティ ルールを使用してアトミックに複数のノードをプッシュおよび設定します

複数のノードにまたがる Firebase データの一貫性 を読みましたが、複数の更新は期待どおりに機能しますが、次のことを行う方法がわかりません。

と の 2 つのコレクションがあるanswersとしpostsます。ここで、投稿への回答を書き込み、投稿オブジェクトの回答カウンターをインクリメントして、コレクション間でデータの一貫性を維持したいと考えています。したがって、実際のオブジェクトは次のようになります。

役職

答え

上で述べたように、そのリンクはマージされた更新を行う方法に答えていますが、answersプロパティが (削除の場合に) 1 だけインクリメント/デクリメントされることを確認するにはどうすればよいですか? 私がこれまでに持っているのはこれです:

明らかにそれは機能しますが(試したことはないと思います)、それでも新しい回答を作成してカウンターを減らすことができます。どうすればその問題を克服できますか?

0 投票する
0 に答える
319 参照

typescript - angularfireはfirebaseからオブジェクトの長さを取得します

私はこれで立ち往生しています。私は ionic 2 で angularfire 2 を使用しており、取得するオブジェクトの長さを取得する必要があります:

オブジェクトが null であるかどうかを知る方法は?

ありがとう。