title: TypeError: v.context.$implicit is not a function
body: <p>I'm new to Typescript.It has been 3 days.I want to access the data from Firebase.And I access and list. I get an error when I want to pass to another page with  (Click) ="item ()".Where am I doing wrong.</p>
  
  <p><strong>data-api.service.ts</strong></p>
  
  <pre><code>import {Injectable} from '@angular/core';
  import {Http,Response} from '@angular/http';
  
  import 'rxjs';
  import {Observable} from 'rxjs/Observable';
  @Injectable()
  
  export class DataApi {
  
  
   private url = 'https://ionic2-9dc0a.firebaseio.com/.json';   // https://ionic2-9dc0a.firebaseio.com
  
   currentphone : any = {};
  constructor(private http:Http){
  }
    getAdress(){
      return new Promise(resolve =&gt;{
        this.http.get(`${this.url}`) 
        .subscribe(res =&gt; resolve(res.json()))
      });
    }
  
  
  
  
  
    }
  </code></pre>
  
  <p><strong>about.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core'; 
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import {DataApi} from '../../app/shared/shared';
  import {Http, HttpModule} from '@angular/http';
  
  
  import  {TeamsPage} from '../teams/teams';
  
   @IonicPage()
   @Component({
   selector: 'page-about',
   templateUrl: 'about.html',
    })
   export class AboutPage {
  
   names: any;
   constructor(public navCtrl: NavController, public navParams: NavParams, 
   public dataApi:DataApi, public http:Http) {
  
   }
  
   item(){
      this.navCtrl.push(TeamsPage);
    }
  
   ionViewDidLoad(){
      this.dataApi.getAdress().then(data =&gt; this.names= data[0]);
      console.log("willloaded");
  
  
     }
  
  
  }
  </code></pre>
  
  <p><strong>about.html</strong></p>
  
  <pre><code>   &lt;ion-header&gt;
  
     &lt;ion-navbar&gt;
     &lt;ion-title&gt;Select Tournament &lt;/ion-title&gt;
     &lt;/ion-navbar&gt;
  
     &lt;/ion-header&gt;
  
  
    &lt;ion-content&gt;
       &lt;ion-list&gt;    
         &lt;button ion-item *ngFor="let item of names" (click)="item()"&gt;
           &lt;h2&gt; {{item.name}}&lt;/h2&gt;
         &lt;/button&gt;
       &lt;/ion-list&gt;
  
   &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>data.json</strong></p>
  
  <pre><code> [
   [
  {
    "id": 15,
    "name": "Sahne Sistemleri",
    "image": "sahne/1.jpg",
  
     {
  
       "image": "sahne/1.jpg"
     }
  
  },
  {
    "id": 16,
    "name": "Görüntü Sistemleri",
    "image": "sahne1/1.jpg"
  },
  {
    "id": 17,
    "name": "Podyum Sistemleri",
    "image": "sahne2/1.jpg"
  },
  {
    "id": 18,
    "name": "Masa, Sandalye ve Loca Grupları",
    "image": "sahne3/1.jpg"
  },
  {
    "id": 19,
    "name": "Çadır Sistemleri",
    "image": "sahne4/1.jpg"
  },
  {
    "id": 20,
    "name": "Mobil Jenaratör Hizmetleri",
    "image": "sahne5/1.jpg"
  },
  {
    "id": 21,
    "name": "Simultane(Çeviri) Sistemleri",
    "image": "sahne6/1.jpg"
  }
  ]
  ]
  </code></pre>
  
  <p><strong>aboutpage</strong></p>
  
  <p><a href="https://i.stack.imgur.com/epcu2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/epcu2.png" alt="enter image description here"></a></p>
  
  <p>Click on one of the items </p>
  
  <p><strong>teampage</strong>
  <a href="https://i.stack.imgur.com/QoVxT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QoVxT.png" alt="enter image description here"></a></p>