2

Firebase をデータベースとして使用し、AngularFire2 を介してアクセスします。
これはTodoComponent.tsファイル全体であるため、全体像を把握できますが、主に必要なものはfinishedTodo().

import { Component, OnInit} from '@angular/core';
import { AngularFire, FirebaseObjectObservable ,FirebaseListObservable } from 'angularfire2';

@Component({
    template: `
<h2>ToDo</h2>

<input 
        #newTodo
        [(ngModel)]="todoinput" 
        placeholder="add ToDo" 
        (keyup.enter)="addTodo(newTodo.value)"
        type="text" 
/>  
{{ todoinput }}
<br>
{{ item | async | json }} ///here I am getting the value as a json string, but I don't know how to make it do what i need

<div *ngFor="let todo of todos | async">
    {{todo.todo}}
    <button (click)="deleteTodo(todo.$key)">Delete</button>
    <button (click)="finishedTodo(todo.$key)">Finished</button>
</div>   

    `
})

export class ToDoComponent implements OnInit{
    item: FirebaseObjectObservable<any>;
    todos: FirebaseListObservable<any>;

    constructor(private _af: AngularFire) {
    }

    ngOnInit(){
        this.todos = this._af.database.list('hr/todos');
        this.item = this._af.database.object('/hr/todos/1');
    }

    addTodo(newTodo: string){
        this.todos.push({
            todo: newTodo
        } )
    }

    deleteTodo(key: string){
        if(confirm("U sure u want to delete " + key + " ?")){
            this.todos.remove(key)
        }
    }

    finishedTodo(key: string, finished: boolean){
        this.todos.update(key,{finished: true})
    }
}

finishedTodo() で を設定できますがfinished = true、その前に、Firebase フィールドが かどうかを確認finished = true or falseし、この条件に基づいて特別な css を追加できるようにトグルを機能させたいと考えています。

Firebase は次のようになります。
ここに画像の説明を入力

finished=trueangularfire2でFirebaseの値を確認するにはどうすればよいですか?

更新 - @Aaron Saunders 私のファイルに適応したソリューション 

isFinished;

finishedTodo(key: string, finished: boolean){

    var snapshotFinished = this._af.database.object('hr/todos/'+ key,{ preserveSnapshot: true})

    snapshotFinished.subscribe(snapshot => {          
        this.isFinished = snapshot.val().finished;  
    });

        if (this.isFinished == false || this.isFinished == null){
            this.todos.update(key,{finished: true});
            console.log('is false');
        }    
        else{
            this.todos.update(key,{finished: false});
            console.log('is true');
        }
}
4

1 に答える 1

2 
   var i = this._af.database.object('/hr/todos/1', { preserveSnapshot: true })
   i.subscribe(snapshot => {
    console.log(snapshot.key)
    console.log(snapshot.val().finished)
  });

ドキュメントから- データをオブジェクトとして取得する

于 2016-07-10T05:41:06.393 に答える