Type 'AngularFireList<{}>' is not assignable to type 'FirebaseListObservable<any>'

Question

I'm working on an Ionic 3 app, and I'm trying connect my app to firebase database. but it keeps telling me this:

Type 'AngularFireList<{}>' is not assignable to type 'FirebaseListObservable<any>'. Property '$ref' is missing in type 'AngularFireList<{}>'. (property) AddEmployeePage.employeesList: FirebaseListObservable<any>

I'm trying to add data to my database and it all goes wrong, here is my typescript code:

import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { AngularFireModule } from 'angularfire2'; import { AngularFireDatabase } from 'angularfire2/database'; import { FirebaseListObservable } from 'angularfire2/database-deprecated'; import { EmployeesPage } from './../employees/employees'; @IonicPage() @Component({ selector: 'page-add-employee', templateUrl: 'add-employee.html', }) export class AddEmployeePage { employeesList: FirebaseListObservable<any>; constructor(public navCtrl: NavController, public navParams: NavParams, public angDb: AngularFireDatabase) { this.employeesList = angDb.list('/emloyeesionic'); } addNewEmployee(fname, lname, pos, comp) { this.employeesList.push({ fname: fname, lname: lname, position: pos, company: comp, }).then(newEmployee => { this.navCtrl.push(EmployeesPage) }, error => { console.log(error); }); } }

Here is a screenshot for the error in my IDE

I didn't add that in the constructor. Thanks for this post!

joshlsullivan
– joshlsullivan

2020-02-03 15:05:13 +00:00
Commented Feb 3, 2020 at 15:05 — joshlsullivan
– joshlsullivan, Commented Feb 3, 2020 at 15:05

amal · Accepted Answer · 2017-11-08 16:06:20Z

4

I think what you need is

employeesList: AngularFireList<any>;

instead of

employeesList: FirebaseListObservable<any>;

Based on the example given here

answered Nov 8, 2017 at 16:06

amal

3,1801 gold badge15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Najm Eddine ZAGA Over a year ago

Oh my god, that was a miss focusing. The whole day I was on the documentation and I didn't gave it the chance. Thank you really.

krv Over a year ago

Docs need to be a bit more clear on this. Can I have a custom type such as shirts as in the docs here github.com/angular/angularfire2/blob/master/docs/rtdb/…

Collectives™ on Stack Overflow

Type 'AngularFireList<{}>' is not assignable to type 'FirebaseListObservable<any>'

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related