title: AngularFireList is not assignable to type 'Observable<Response>
body: <p>I have an Ionic page which is querying FirebaseListObservable to make dynamic searching on ion-searchbar. It works well with Angularfire2@4.0.0-rc.0 and firebase@4.5.0.
  After upgrading new release <a href="https://github.com/angular/angularfire2/blob/master/docs/version-5-upgrade.md#upgrading-to-angularfire-50" rel="noreferrer">AngularFire 5.0</a> I get an issue about FirabaseListObservable has no exported from new Api.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  import { IonicPage,  NavParams, ViewController } from 'ionic-angular';
  import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database';
  import { Observable} from 'rxjs';
  import { Response } from '@angular/http';
  
  @IonicPage()
  @Component({
    selector: 'page-modal-groups',
    templateUrl: 'modal-groups.html'
  })
  export class ModalGroupsPage {
  
    groups: FirebaseListObservable&lt;any&gt;;
  
    constructor(public navParams: NavParams,
      public viewCtrl:ViewController,
      public afDatabase: AngularFireDatabase) {
    }
  
    getItems = (ev: any) : Observable&lt;Response&gt; =&gt;  {
      
      this.groups =  this.afDatabase.list('/Groups', {
         query:{
           orderByChild: 'namelower',
           startAt: (ev.target.value),
           endAt: (ev.target.value + '\uf8ff')
         }
        }
       );
  
  
       return this.groups;
    }
  
    chooseGroups(item:any){
        
      this.viewCtrl.dismiss(item); 
      // console.log(this.product);
    }
  
    closeModal(){
      this.viewCtrl.dismiss(); 
    }
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-header&gt;
  
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;Grup Seç&lt;/ion-title&gt;
      &lt;ion-buttons end&gt;
        &lt;button ion-button color="danger" (click)="closeModal()" &gt;
          Kapat
        &lt;/button&gt;
      &lt;/ion-buttons&gt;
    &lt;/ion-navbar&gt;
  
  &lt;/ion-header&gt;
  
  
    &lt;ion-content padding&gt;
    &lt;ion-searchbar (ionInput)="getItems($event)"&gt;&lt;/ion-searchbar&gt;
    &lt;ion-list&gt;
      &lt;ion-item  *ngFor="let item of groups | async" (click)="chooseGroups(item)"&gt;
        {{ item.name }}
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
    &lt;!--&lt;button ion-item  *ngFor="let item of products | async" (click)="chooseProduct(item)"&gt;
    {{item.name}}
  &lt;/button&gt;--&gt;
  &lt;/ion-content&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Then I changed the query with new api but I can not return response as an observable as you see below. Im getting error like this</p>
  
  <p>**message: 'Type 'Observable[]>' is not assignable to type 'Observable'.
    Type 'AngularFireAction[]' is not assignable to type 'Response'.
      Property 'type' is missing in type 'AngularFireAction[]'.'
  **</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  import { IonicPage,  NavParams, ViewController } from 'ionic-angular';
  import {AngularFireDatabase, AngularFireAction} from 'angularfire2/database';
  import { Observable, BehaviorSubject} from 'rxjs';
  import { Response } from '@angular/http';
  /**
   * Generated class for the ModalGroupsPage page.
   *
   * See http://ionicframework.com/docs/components/#navigation for more info
   * on Ionic pages and navigation.
   */
  @IonicPage()
  @Component({
    selector: 'page-modal-groups',
    templateUrl: 'modal-groups.html',
  })
  export class ModalGroupsPage {
  
    
  
    items: Observable&lt;AngularFireAction&lt;firebase.database.DataSnapshot&gt;[]&gt;;
    group: BehaviorSubject&lt;any&gt;;
  
    constructor(public navParams: NavParams,
      public viewCtrl:ViewController,
      public afDatabase: AngularFireDatabase) {
    }
  
    
  
    getItems = (ev: any) : Observable&lt;Response&gt; =&gt;  {
      this.group = new BehaviorSubject(ev);
  
      this.items = this.group.switchMap(name =&gt;
      
        this.afDatabase.list('/Groups', ref =&gt; name ? ref.orderByChild('namelower').startAt(ev.target.value).endAt(ev.target.value + '\uf8ff') : ref
     
       ).snapshotChanges());
    
  
       return this.items;
    }</code></pre>
  </div>
  </div>
  </p>