René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Feature request: ability to provide all query observable (not only its properties)","articleBody":"In the current version of Angularfire2 we can provide a query with observable parameters. Database is requested every time one of these parameters have a new value. I think to provide all query object as observable would be a better approach.\r\n\r\nIn closed issue #603 I mentioned one of typical use cases: loading calendar events for given period (between two dates). Currently I have to code it as follows:\r\n\r\n```\r\nexport class EventsCalendarComponent {\r\n  private start$: Subject\u003cstring\u003e = new Subject\u003cstring\u003e();\r\n  private end$: Subject\u003cstring\u003e = new Subject\u003cstring\u003e();\r\n\r\n  constructor(private db: AngularFireDatabase) {\r\n    db.list('/events', {\r\n      query: {\r\n        orderByChild: 'date',\r\n        startAt: this.start$,\r\n        endAt: this.end$\r\n      }\r\n    }).subscribe(events =\u003e {\r\n      // update calendar component with events\r\n    });\r\n  }\r\n\r\n  filterByPeriod(start: Moment, end: Moment) {\r\n    this.start$.next(start.getTime());\r\n    this.end$.next(end.getTime());\r\n  }\r\n}\r\n```\r\nCalling the method `filterByPeriod` causes two immediately consecutive requests are fired and the first of them is irrelevant and useless. For such case the ability to have all the query object observable would solve the problem and we code something this:\r\n```\r\nexport class EventsCalendarComponent {\r\n  private query$: Subject\u003cObject\u003e = new Subject\u003cObject\u003e();\r\n\r\n  constructor(private db: AngularFireDatabase) {\r\n    db.list('/events', {\r\n      query: this.query$;\r\n    }).subscribe(events =\u003e {\r\n      // update fullcalendar component with events\r\n    });\r\n  }\r\n\r\n  filterByPeriod(start: Moment, end: Moment) {\r\n    this.query$.next({\r\n      orderByChild: 'date',\r\n      startAt: start.getTime(),\r\n      endAt: end.getTime()\r\n    });\r\n  }\r\n}\r\n```","author":{"url":"https://github.com/tomasklima","@type":"Person","name":"tomasklima"},"datePublished":"2017-01-12T13:10:22.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/770/angularfire/issues/770"}