問題タブ [angularfire]
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.
angularjs - Firebase AngularFire ネストされたコレクション
フォームのデータがあります
イベント コレクションには、評価と呼ばれるネストされたコレクションがあります。angularFireCollectionを介して両方のコレクションを管理したいのですが、どうすればそれを行うことができるかわかりません。
私のAngularコントローラーとテンプレートは次のように定義されています:
各イベントのコントローラー:
を作成して新しい評価をコレクションに追加する最後の 2 行ratingsRef
により、コントローラーがある種の無限ループに陥ります。
ネストされたコレクションを管理して、それらのコレクションの要素を追加/更新できるようにするための最良の方法を知りたいです。
angularjs - AngularJS、Firebase、IE10
テキストボックスで DOM を更新する小さな AngularJS/Firebase (AngularFire) ページをセットアップしました (典型的な例)。コードは Chrome と Firefox では正常に動作しますが、IE10 では動作しません。IE7 以前の推奨される修正を試みましたが、うまくいきませんでした。
HTML:
main.js
問題の原因は何ですか?
ありがとう。
firebase - angularFire と angularFireCollection のいずれかを選択します
この前に、and を使用してみangularFire
ましangularFireCollection
たが、私のアプローチには常に不足 1 があります。
次のようなノードがあるとします。あなたはそれを見ることができparent
ますsingle title
multiple childs
私がしたいこと
- ノード上の暗黙的なデータ バインディング
- リッスンし
childs
て、変更があったときに再取得しないようにします - サブノード (子ノード) をループし、単一の値を取得できます
parent.title
使っangularFire
たら届かない2.
使うangulareFireCollection
と手が届か1.
ず3.
私は本当にいくつかの助けが必要です。
firebase - AngularFire と Firebase Simple Login を使用してログインしたユーザーをどのように覚えていますか?
これは私が認証に使用しているものです:
ユーザーごとにすべての仕事を保存するには、各仕事に対してメール ID を保存するだけです。このアプローチの問題点は、Cookie を変更して他の人のメールに置き換えて、その人の todo を確認できることです。
Cookie を見る代わりに、Firebase シンプル ログインを使用して誰がログインしたかを知る方法はありますか? もっと良い方法はありますか?
javascript - AngularJS と AngularFire を使用して「アクティブな要素」への参照を保存する方法は?
メモのリストとアクティブな選択されたメモをテキストエリアに表示するシンプルなメモアプリがあります。リスト内のメモを選択して編集できるようにしたい。
私のコントローラーには、メモのリスト内の項目を指す「アクティブな」変数があります。AngularJS だけを使用すると、これは正常に機能します。AngularFire を追加すると、テキストエリアのコンテンツを変更するたびに、アクティブな要素が接続されなくなります。このアクティブな参照を保存するのは悪い考えですか?
コントローラーの関連部分は次のとおりです。
そしてHTML:
完全な例はhttp://jsfiddle.net/4zsMH/です。
javascript - AngularFire コレクションの長さ
シンプルな配列の長さを取得しようとしていますが、次のangularFireCollection
ようには見えません:
コンソールの出力には次のように表示されます。
私が知っていることは間違っています。長さとして約 5 が返されるはずです ( $scope.staff
.
この完全に単純なJSタスクを完全に乗り越えることができないように見えるので、どんな助けも大歓迎です。
javascript - データベースから html タグをディレクティブのテンプレートに挿入し、実際にテンプレートのルート要素/タグを動的に定義する方法は?
データベース (私の場合は Firebase/angularFire) からのデータを使用してテンプレートを動的に構築したいと考えています。テンプレートが構築される方法は、angularFire で取得された各オブジェクト内のタグ プロパティによって異なります。私の最初のアプローチ:
これはほとんど機能しますが、tag.tag は実際のタグの代わりに定義されていません。これは、これらの関数を使用するコンパイル関数が angularFire がデータをフェッチしてバインドする前に実行されるためです。これが私の2番目のアプローチです:
ただし、これは txtTemplate のリテラル文字列の一部のみを繰り返しレンダリングします。
実際のhtmlの代わりにng-repeatで繰り返されるすべての「タグ」要素に対して。
これは私のディレクティブのコンパイル機能です:
angular.ui.router の状態のコントローラーで Firebase からデータが取得されます。
テンプレート content.html は次のようになります。
- angularFire が提供する 3 方向バインディングが必要です。
- タグは firebase から取得する必要があり、代わりにリテラルを使用することはできません (最終バージョンでは、このタグは実際には何でもかまいません)。
コンパイル関数が比較/値の割り当てに使用する前に、「タグ」プロパティが設定されるようにするにはどうすればよいですか?
取得したデータをバインドするスコープがないため、コンパイル関数内で angularFire サービスを使用できません。
何らかの理由で angularFire はリンク関数内では機能しませんが、たとえ機能していたとしても、テンプレートを作成する必要があるため、あまり役に立たないと思います。
angularFire の代わりにコンパイル関数内で Firebase の js API を使用する必要がありますか?
もしそうなら、AngularFire が提供する 3 ウェイ バインディングを機能させるにはどうすればよいですか?
お時間をいただきありがとうござい
ます