問題タブ [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.
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 ルートからパッケージをロードしようとします/
。
unit-testing - 単体テストでAngularFire 2サービスをモックする方法は?
AngularFire 2 認証を使用してサンプル Angular 2 アプリの単体テストをセットアップしようとしています。コンポーネントはかなり単純です。
私がやっているのは AngularFire のlogin
andlogout
メソッドをラップすることだけなので、メソッドが呼び出されたかどうかを確認するためにモックを使用することを考えていましたが、どこから始めればよいかわかりません。仕様ファイルで次のことを試しました。
ただし、プロパティの一部であるため、メソッドlogin
とメソッドをモックする方法がわかりません。モックする方法と、メソッドを返す方法はありますか?logout
auth
auth
login
logout
firebase - firebase 関数 af.database.object が変数内の各オブジェクトを返すことができない
指定したユーザーのfirebaseからユーザープロファイルデータを取得したい。インスタンスでは、UID HBJKD12345 の displayName とユーザーのメールアドレスを返したい
私はこの機能を使用します:
しかし、console.log(this.userProfile.email)
私は「未定義」を取得します
私の見解では、使用する必要があります。{{(userProfile | async )?.email}}
この行を使用すると、ユーザーのメールアドレスを表示できますが、 console.log を試したときに「未定義」になるのはなぜですか?
firebase - AngularFire クエリの非正規化データ
firebase でデータをクエリする際に問題が発生しています。
ユーザーはいくつかのペットを飼っており、ユーザーがペット ノードに持っているすべてのペットのリストを取得したいと考えています。私は次のアプローチを行いました:
最後に、変数内のすべてのペットを取得しownPets
ます。しかし、このアプローチは私には厄介です。
配列内にあるペットからペット ノードでデータが更新された場合ownPets
、このペットは再度プッシュされ、古いペットと新しいペットがownPets
.
私は別のアプローチを試みました: クエリ メソッドを使用してオブジェクトの配列を送信しますが、オブジェクトequalTo
の配列を送信できないというエラーが表示されます。
誰でも私が使用できるより良いアプローチを持っていますか? ありがとう
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
.
サンプルアプリはどこかにありますか?何か不足していますか?
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 に変換されなくなりますが、エラーはなくなりました。誰かが私を正しい方向に向けることができれば、私はとても幸せです.
ionic-framework - 複数の AngularFire2 観測可能オブジェクト項目にアクセスするにはどうすればよいですか
私の Ionic2 アプリでは、AngularFire2 が提供する FirebaseObjectObservable を介して Firebase データベース内の複数のアイテムにアクセスしようとしています。
私のFirebaseデータベースは
私の観測可能なオブジェクトはここに作成されます
問題は、アプリに表示されているオブジェクトの複数の項目を取得できないことです
リストの最後のアイテムのみがアプリに表示されます。
Observable Object の複数の非同期項目を返すにはどうすればよいですか?
firebase - Firebase は、セキュリティ ルールを使用してアトミックに複数のノードをプッシュおよび設定します
複数のノードにまたがる Firebase データの一貫性 を読みましたが、複数の更新は期待どおりに機能しますが、次のことを行う方法がわかりません。
と の 2 つのコレクションがあるanswers
としposts
ます。ここで、投稿への回答を書き込み、投稿オブジェクトの回答カウンターをインクリメントして、コレクション間でデータの一貫性を維持したいと考えています。したがって、実際のオブジェクトは次のようになります。
役職
答え
上で述べたように、そのリンクはマージされた更新を行う方法に答えていますが、answers
プロパティが (削除の場合に) 1 だけインクリメント/デクリメントされることを確認するにはどうすればよいですか? 私がこれまでに持っているのはこれです:
明らかにそれは機能しますが(試したことはないと思います)、それでも新しい回答を作成してカウンターを減らすことができます。どうすればその問題を克服できますか?
typescript - angularfireはfirebaseからオブジェクトの長さを取得します
私はこれで立ち往生しています。私は ionic 2 で angularfire 2 を使用しており、取得するオブジェクトの長さを取得する必要があります:
オブジェクトが null であるかどうかを知る方法は?
ありがとう。