問題タブ [firebase-util]

私は Firebase-util Paginate Infinite Scroll demoに従っていますが、最初に 0 アイテムをロードする代わりに、最初の数のアイテムをロードする方法があるかどうか疑問に思っていました。

ボタンをクリックすると、次の 16 項目が読み込まれます。最初のロードで 16 個のアイテムをロードし、ボタンをクリックすると別の 16 個のアイテムをロードする方法はありますか?

私の HTML と JS は次のようになります。

index.html

app.js

これが動作中のデモです。

これに関する任意の助けをいただければ幸いです。前もって感謝します！

新しいユーザーが Firebase に追加されたら、そのユーザーに関連付けられたすべてのデータを含むメールを自分に送信したいと考えています。したがって、/contacts パスと /projects パスがある場合、子が /contacts パスに追加されたときに、両方のパスからのデータを含めたいと思います。

Mailgun を使用して Zapier を見てきましたが、これを達成する方法がわかりません。

Zapier が機能しない場合、これは firebase -utilで実現できますか?

my-firebase-app.firebaseio.com/contacts のツリー

my-firebase-app.firebaseio.com/projects のツリー:

更新:

以下のコメントに応えて、ここにいくつかの追加情報があります：

Zapier で次の手順を試しました。

1. Add child recordFirebase で選択
2. Send emailMailgun で選択済み
3. データへのパスを設定:/contacts
4. メール本文セクションに、挿入しましたRaw Json Data

電子メールには、 にある Json データのみが含まれます/contacts。にあるデータは含まれていません/projects。

Firebase / AngularFire を使用して Ionic アプリを構築しています。そして、私はトリッキーな状況に直面しています: ng-repeat のパフォーマンスをより最適化したいと考えています。そして、それを行う最良の方法は無限スクロールだと聞きました。AngularFire を使用して、サービス/ファクトリ (具体的には $firebaseArray) 内のすべてのデータを取得しました。

私はグーグルでこれを見つけました：http://firebase.github.io/firebase-util/#/toolbox/Paginate/example/ionic

質問 1: Firebase util ライブラリを使用した Ionic の例での無限スクロールは、サーバー側の無限スクロールですか、それともクライアント側ですか? このライブラリは、ここで言及されているように ng-repeat のパフォーマンスの問題に対処していますか: ( http://www.alexkras.com/11-tips-to-improve-angularjs-performance/ )

質問 2: 私の firebaseArray は実際には、距離と呼ばれる変数を動的に計算する orderBy が必要です。セキュリティ ルールで .indexOn ルールを引き続き使用して、クエリのパフォーマンスを向上させることはできますか? （最初は距離がfirebaseに保存されていないため、私には不可能に聞こえます）

ここに私のコードがあります: 私の工場: taskService.js

ng-repeat ビューのコントローラー:

そして私の見解：

ご覧のとおり、firebaseArray オブジェクトを取得した後に、distance プロパティを追加しました。この距離は、ユーザーの現在のデバイスの位置に基づいて動的に計算されます。したがって、ng-repeat は、ユーザーの現在の場所に最も近いアイテムを表示します。距離は動的であるため、Firebase で事前に保存することはできないため、firebase ルールは機能しません。

質問 3: 動的な値で Firebase.util の無限スクロールを使用するにはどうすればよいですか? ここでは、「距離」プロパティのように?

firebase util のドキュメントを見たので、それを行う必要があります。

しかし、baseRef には距離がありません。firebaseArray がロードされた後に生成されました。では、これにどのようにアプローチすればよいでしょうか。

また、構造の観点から、scrollRef と firebaseArray の両方を自分のファクトリ (taskService.js) に配置します。

// スクロール可能な参照を作成します var scrollRef = new Firebase.util.Scroll(baseRef, 'distance');

// スコープで同期配列を作成します return $firebaseArray(scrollRef);

次に、ファクトリは $firebaseArray(scrollRef) のみを返すため、scrollRef.scroll.next(3); のようなドキュメントに記載されている scroll.next 関数にアクセスするにはどうすればよいですか? 私のコントローラーで？scrollRef オブジェクトがないので、FirebaseArray だけ...

これはおそらく初心者の質問ですが、このfirebase util scroll ref paginationに従って、firebaseデータベースからデータを取得しています。ユーザー都市の基準を満たすオブジェクトのみを受け取りたいのですが、何も受け取っていないため機能しません。

私が試しているコードは

`

私の Firebase 構造はとてもシンプルです

私を助けてください。申し訳ありませんが、これはここでの最初の質問です。他に何か必要な場合はお知らせください。

ランダムなエラーが発生する場合があり、発生する場合と発生しない場合があります。修正すべき問題を特定できません。

エラーの原因または防止方法を知っている人はいますか?

私のコード:

警告：

付属

例外: 添付 =(

loadMore()すべてのドキュメントがデータベースから既に読み込まれているため、関数の呼び出しを停止する必要があるかどうかを確認するにはどうすればよいですか?

以下の例では Ionic を使用していますが、AngularJS アプリの ng-infinite-scroll も同様です。

これは私の実際のコードです：

HTML:

JS コントローラー:

JS アイテム ファクトリー:

私は次の構造を持っています：

そして、次の方法でパスに参加します。

このコードを試すと、コンソールに「重複パス」エラーが表示されます。明らかにこれは制限です。確認できますか?

Firebase utils の無限スクロールを使用して、後で ng-repeat でのパフォーマンスの問題を回避するために、すべてのアイテムではなく「x」個のアイテムをロードできるようにしています。最初の 20 人のユーザーを表示していますが、これまでのところすべてうまく機能していますが、次の問題に直面しています。

無限スクロールを使用している ng-repeat で、firebase の別のノードからデータをロードする必要があります。これが理解できることを願っています。コードでよりよく説明します。

コントローラーにこれがあるとしましょう：

そして工場で：

次に、ビューで ng-repeat を使用してデータをロードし、名前、日付、プロフィール写真などのデータを表示します。

ここで、ng-repeat の各項目でより多くのデータをロードしたいのですが、ユーザーはmyapp.firebaseio.com/Users/にあるため、別のノードからmyapp.firebaseio.com/からより多くのデータをロードする必要があります。ユーザー ID を共有する両方にスコアを付けます。

Firebase utilsの無限スクロールを使用してこれを達成するにはどうすればよいですか?? 何か考えがありますか、それとも私は何か間違っていますか？

前もって感謝します