ファイヤーベースデータを画面に表示する方法

Question

ファイヤーベースから取り出したデータを画面に表示する最良の方法は何ですか？ そしてJavaScriptやハックやJSON.strinifying（これが最良の方法でない限り）を使用するのが最善の方法です。

私がコードや試行を含めなかったのは、どうすればよいのかを知りたいからです。任意のヒントを歓迎

Answer 1

どのくらいのデータを画面にバインドするかによって、私は何らかの種類のフレームワークを使用することをお勧めします。

JSONレスポンスをビューにバインドし、それを分割して別の要素にバインドすると、バニラJSを使用するとかなり面倒になることがあります。

jQueryのような簡単な実装で十分です。

一般的には、表示するFirebase返信のビットによって異なります。

応答の表記がJSON.stringifyの場合は、おそらく行く方法です。しかし、通常、JSONレスポンスのプロパティに保存されている情報を表示したいと思うでしょう。

だからこれはあなたの応答データであると仮定します。

{ 
    property: 'Example sting I want to display' 
} 

だから、あなたはあなたのfirebase応答を取得（あなたがdata変数へのレスポンスオブジェクトを保存していると仮定します）あなたはそれを表示して渡したいプロパティ値を選択しますjQueryの.text（）関数。

jQuery('#exampleDiv').find('p').text(data.property); 

これは、pタグを含むID「exampleDiv」のdivを含むサンプルDOMがあることを前提としています。

このpタグには、「表示したい例文」という文字列が含まれるようになりました。

この方法は、いくつかのプロパティと異なるhtmlタグに簡単にスケーラブルで、JSOnレスポンスの場合にどの部分をバインドするかを自由に選択できます。