Angularfire2で角を引いていない

Question

firebaseのリアルタイムデータベースからデータを取得する際に問題が発生しています。すべてが正しく設定されているため、読み取りと書き込みの権限は公開されているため、認証する必要はありません。

npmが正常にコンパイルされます。したがって、コードは良好です（Angular-CLI）。私はGitHubページに書かれているものを正確に試してみました。

オブジェクトからプルデータを補間するとき、フロントエンドのリターンはNullです。私がリストのために同じことをするとき、戻り値は空白です。 * ngForは動作しません。

誰でも同じ問題を抱えているか、助けてもらえますか？

コードは次のようになります。それはドキュメントからの直接コピーです。

私のデータベースには実際にはdb.list（ 'items'）ごとに「Items」というラベルがありません。私はそれが問題になるとは思わないが、それは問題を作り出すだろうか？

import { Component } from '@angular/core'; 
import { AngularFireDatabase } from  'angularfire2/database'; 
import { Observable } from 'rxjs/Observable'; 

@Component({ 
    selector: 'app-root', 
    template: ` 
    <ul> 
    <li *ngFor="let item of items | async"> 
    {{ item | json }} 
    </li> 
    </ul> 
    `, 
}) 
export class AppComponent { 
    items: Observable<any[]>; 
    constructor(db: AngularFireDatabase) { 
    this.items = db.list('items').valueChanges(); 
    } 
} 

firebase内のデータは、このような構造を持っている..私は、アップロードする前に、ファイルは次のようになります。

[ 
{"THIS" : string , "THAT" : string}, 
{"THIS" : string , "THAT" : string} 
] 

。

Answer 1

itemsコレクションを作成するのを忘れたと思います。

あなたがここにitemsコレクションを購読している：それは見えfirebaseで

{ 
    "items": [ 
    { 
     "THIS": "test", 
     "THAT": "test" 
    }, 
    { 
     "THIS": "test", 
     "THAT": "test" 
    } 
    ] 
} 

：

this.items = db.list('items').valueChanges();

はこの1つをインポートして、あなたには、いくつかの結果を得るかどうかを確認してくださいlike：