title: AngularFireList' TypeError: Object(...) is not a function at SwitchMapSubscriber.project
body: <p>My home.ts</p>
  
  <pre><code>import { Component, ViewChild } from '@angular/core';
  import { NavController, Slides } from 'ionic-angular';
  import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
  import { EventDetail } from '../../models/event-detail/event-detail.interface';
  
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  export class HomePage {
  
    @ViewChild('SwipedTabsSlider') SwipedTabsSlider: Slides ;
  
    SwipedTabsIndicator :any= null;
    tabs:any=[];
  
    newEventListRef$ : AngularFireList&lt;EventDetail&gt;;
    newEventList$: Observable&lt;EventDetail[]&gt;;
  
    constructor(public navCtrl: NavController, private database: AngularFireDatabase) {
      this.tabs=["New", "Upcoming"];
      this.newEventListRef$ = this.database.list&lt;EventDetail&gt;('event-list');
      this.newEventList$ = this.newEventListRef$.valueChanges();
    }
  </code></pre>
  
  <p>my home.html</p>
  
  <pre><code>&lt;ion-content&gt;
  
  &lt;ion-segment class="SwipeTabs"&gt;
  &lt;ion-segment-button *ngFor='let tab of tabs ; let i = index ' value="IngoreMe" (click)="selectTab(i)"
      [ngClass]='{ "SwipedTabs-activeTab" : ( this.SwipedTabsSlider  &amp;&amp; ( this.SwipedTabsSlider.getActiveIndex() === i || (  tabs.length -1 === i&amp;&amp; this.SwipedTabsSlider.isEnd()))) }' &gt;
          {{tab}}
      &lt;/ion-segment-button&gt;
   &lt;/ion-segment&gt;
  
    &lt;div id='indicator' class="SwipedTabs-indicatorSegment" [ngStyle]=" 
  {'width.%': (100/this.tabs.length)}"&gt;&lt;/div&gt;
  
    &lt;ion-slides #SwipedTabsSlider  (ionSlideDrag)="animateIndicator($event)"
    (ionSlideWillChange)="updateIndicatorPosition()"
    (ionSlideDidChange)="updateIndicatorPosition()"
    (pan)="updateIndicatorPosition()"
    [pager]="false"&gt;
  
  &lt;ion-slide&gt;
  
    &lt;ion-list&gt;
      &lt;ion-item *ngFor="let new of newEventList$ | async"&gt;
        &lt;h2&gt;{{new.eventName}}&lt;/h2&gt;
        &lt;h4&gt;{{new.eventDesc}}&lt;/h4&gt;
        &lt;h6&gt;{{new.lat}}&lt;/h6&gt;
        &lt;h6&gt;{{new.lgt}}&lt;/h6&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  
  &lt;/ion-slide&gt;
  
  &lt;ion-slide&gt;
  
  &lt;/ion-slide&gt;
  </code></pre>
  
  <p></p>
  
  <p>error: TypeError: Object(...) is not a function</p>
  
  <p>i cant seems to display the event list when the problem yet to occur</p>
  
  <p>TypeError: Object(...) is not a function
      at SwitchMapSubscriber.project (<a href="http://localhost:8100/build/vendor.js:77814:76" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:77814:76</a>)
      at SwitchMapSubscriber._next (<a href="http://localhost:8100/build/vendor.js:62612:27" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:62612:27</a>)
      at SwitchMapSubscriber.Subscriber.next (<a href="http://localhost:8100/build/vendor.js:20750:18" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:20750:18</a>)
      at RefCountSubscriber.Subscriber._next (<a href="http://localhost:8100/build/vendor.js:20786:26" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:20786:26</a>)
      at RefCountSubscriber.Subscriber.next (<a href="http://localhost:8100/build/vendor.js:20750:18" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:20750:18</a>)
      at Subject.next (<a href="http://localhost:8100/build/vendor.js:23237:25" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:23237:25</a>)
      at ConnectableSubscriber.Subscriber._next (<a href="http://localhost:8100/build/vendor.js:20786:26" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:20786:26</a>)
      at ConnectableSubscriber.Subscriber.next (<a href="http://localhost:8100/build/vendor.js:20750:18" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:20750:18</a>)
      at Notification.observe (<a href="http://localhost:8100/build/vendor.js:52585:50" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:52585:50</a>)
      at AsyncAction.DelaySubscriber.dispatch (<a href="http://localhost:8100/build/vendor.js:80114:40" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:80114:40</a>)</p>