I did a news comment function by ionic3 with firebase, after testing comment function working already, but when I want the comment showing in my project error coming out.
<You need to first convert the AngularFireList to an Observable :
contactsList: Observable<any[]>;
And in your constructor, you need to call valueChanges()
on it. This is since AngularFire2 Version 5.
this.contactsList = this.firebaseService.getContactsList().valueChanges();
This will return the data through the observable without $key
or $value
.
In order to print in html,use
{{contact}}
instead of
{{contact.$value}}
Try changing your contactsList
declaration from
contactsList:AngularFireList<any>;
to
contactsList: Observable<any[]>;
Ensure that you're importing your Observable
module as,
import { Observable } from 'rxjs/Observable'
Also your contactList
variable assignment should be changed as,
this.contactsList = this.firebaseService.getContactsList().valueChanges();
Hope this helps!