2017-03-29 10 views
1

Angularfire2のドキュメントが非常に貧弱なため、Angularfire2で単一のオブジェクトを設定する方法を実際には分かりません。 私のデータベースの構造は非常に単純です:Angularfire2 - Firebase3で単一のオブジェクトを設定する方法

{ 
    "mode" : 0 
} 

「モード」が整数値です。

以前は、純粋なJavascriptとFirebaseのWebバージョンを使用していましたが、今はハイブリッドなIonic Appsから始めたいと思っています。 どこでもdatabase.listについての例とチュートリアルですが、リストで作業したくはありませんが、「set」または「。mode」値だけを更新してください。

[リストは正常に動作します。一般的なセットアップに問題はありません]

マイコード構造:。

import { Component } from '@angular/core'; 

import { NavController } from 'ionic-angular'; 

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, af: AngularFire) { 

    } 
} 

だからコードは、例えば、整数の2のために「モード」の簡単な.SETのために何でしょうか?

答えは本当に参考になる、私はちょうど

おかげ..一般AngularFireシステムのハングアップを取得する必要があります!


リトルサイド質問:

私はイベントによって、HTMLから機能を呼び出したい場合。例ボタン - >

(click)="setMode(0)" 

ここで、実際の機能は、どのタイプのコードコードに入れますか? コンストラクタ、コンポーネント、後?

答えて

1

以下に示すようにすることができます。以下のコードは自明です。

 export class YourPage { 

      // Ref 
      mode: FirebaseObjectObservable<any>; 

      constructor(public navCtrl: NavController, public af: AngularFire) { 

      this.mode = this.af.database.object('/mode');//ref 

      } 

     setValue(data: any) { 
     this.mode.set(data);//set 
     } 

     updateValue(data: any) { 
     this.mode.update(data);//update 
     } 

    //This is the answer for your 2nd question 
    setMode(data):void{ 
     //method body 
    } 
} 
+1

こんにちはサンパス、ありがとうございます。そのような大きな助け! –

+0

あなたは大歓迎です:) – Sampath

関連する問題