Angulaire ne tirant pas les données via Angularfire2

Question

J'ai eu un problème pour récupérer des données à partir de la base de données en temps réel sur la base de données Firebase. Tout est correctement défini, les autorisations de lecture et d'écriture sont publiques, donc je n'ai pas à m'authentifier.

npm se compile avec succès. Donc le code est bon (Angular-CLI). J'ai essayé exactement ce qui est sur la page de GitHub en ce qui concerne la documentation.

Lorsque j'interpole l'extraction de données d'un objet, le retour sur le frontal est nul. Quand je fais la même chose pour une liste, le retour est vide. * ngFor ne fonctionne même pas.

Quelqu'un a le même problème ou pourrait vous aider?

Le code ressemble à ceci. C'est une copie directe de la documentation.

Ma base de données ne contient actuellement aucune étiquette qui indique "Items" selon db.list ('items'). Je ne pense pas que ce serait le problème, mais cela créerait-il un problème?

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(); 
    } 
} 

Les données firebase a cette structure ..

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

C'est ce que le fichier ressemble avant de télécharger.

Answer 1

Je pense que vous avez oublié de créer la collection items.

Vous êtes abonné à la collection items ici:

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

Essayez d'importer celui-ci et voir si vous obtenez des résultats:

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

En firebase il semble comme: