Firebaseのリストの値にAngular 2とAngularFireを使ってアクセスする

Question

これまでのところ、CRUDアプリをFirebaseに移行することができました。私は、ニュースのリスト作成、削除ができます。私は編集に苦労している。

これは編集コンポーネントです。 Firebaseの特定のニュースの$ key値と等しいルートパラメータのスナップショットをとります。それから私は、データベースのリストにそれを連結します。

import { Component} from '@angular/core'; 
import { ActivatedRoute } from '@angular/router'; 
import { AngularFire, FirebaseListObservable } from 'angularfire2'; 

@Component({ 
    moduleId: module.id, 
    selector: 'app-edit-news', 
    templateUrl: 'edit-news.component.html', 
    styleUrls: ['edit-news.component.css'] 
}) 
export class EditNewsComponent { 
    noticia: FirebaseListObservable<any>; 

    constructor(
    private route: ActivatedRoute, 
    private af: AngularFire) { 
     this.news = af.database.list('news/'+this.route.snapshot.params['id']); 
    } 

} 

私は観測に新たなんだけど、私は、私は私が間違っている、明らかに私たち{{news.title}}、このような補間を使用して、データベースの具体的なオブジェクトにアクセスすることが可能性があり、これに思いました。どんな助け？ EditNewsComponentのためのHTMLテンプレートで

Answer 1

はおそらくも、あなたがオブジェクトではなく、リストにアクセスしているように、

this.news = af.database.object('news/'+this.route.snapshot.params['id']); 

に

this.news = af.database.list('news/'+this.route.snapshot.params['id']); 

を変更する必要が

{{(news | async)?.title}} // you don't need '?' if it can't be null 

を使用します。

Answer 2

使用この構文

noticia: firebaseListObservable<any[]>; 
constructor(private db: AngularFireDatabase,public af:AngularFireAuth) { 
    this.noticia = db.list('/news',{ 
     query: { 
      orderByChild:'id' 
       } 
    }); 
    }