'query' does not exist in type 'QueryFn' | angularfire2

7
votes

Argument of type '{ query: { limitTolast: number; orderByKey: boolean; }; }' is not assignable to parameter of type 'QueryFn'.Object literal may only specify known properties, and 'query' does not exist in type 'QueryFn'.

package.json 

"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.5.1",

chat.service.ts

getMessages(): FirebaseListObservable<ChatMessage[]> {
    return this.db.list('messages', {
      query: { limitTolast : 25, orderByKey: true}
    });
  }
5
typescriptfirebaseangular-cliangularfire2
Hi Kendi, Thanks for the edit. - Rijo
I am also facing the same issue. Any luck? - Aakash Thakur
I have the same problem - Francesco
This problem due to the Angular fire base depreciated Angularfire2 for that add this code it will work import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database-deprecated'; - Rijo
you need to change firebaseListObservable to AngularFireList - Abdallah Abdillah

5 Answers

11
votes

It's not working, because AngularFire expects a function to be passed as a second argument.

I think your example was the right way to go during the beta version. (not 100% sure)

You have use it the following way:

// make sure to provide a child in the orderByChild call
getMessages(): Observable<ChatMessage[]> {
    return this.db.list('/messages', ref => {
      return ref.limitTolast(25).orderByKey(true)
    });
  }

Learn more about querying lists here: https://github.com/angular/angularfire2/blob/master/docs/rtdb/querying-lists.md

3
votes

QueryFn must return a firebase.database.Query, not void. You can code the query like this one, for more clear:

getMessages(): Observable<ChatMessage[]> {
    return this.db.list('/messages', ref => {
      let q = ref.limitTolast(25).orderByKey(true);
      return q;
    });
  }
0
votes

This will work perfectly. Tried by me

getMessages(): Observable<ChatMessage[]> {
    return this.db.list('/messages', ref => 
      let q = ref.limitTolast(25).orderByKey(true);
      return q;
    );
  }

for more information related to queries goto this link: https://github.com/angular/angularfire2/blob/master/docs/rtdb/querying-lists.md

0
votes

You can try this code:

return this.db.list('/categories', ref => ref.orderByChild('name')).valueChanges();
0
votes

due to update on Angular Fire, replace FirebaseListObservable to AngularFireList and make sure you return firebase.database.Query like this

 getMessages(): AngularFireList<ChatMessage[]> {
    return this.db.list('messages', ref => {
      return ref.limitToLast(25).orderByKey();
    });
  }