ionic2-list 原

//下面是list使用  html页面
<ion-list>
		<ion-item *ngFor="let contact of contacts" (click)="itemClick($event,contact)">
			<ion-avatar item-left>
				<img src="../images/{{contact.contactid}}.png" alt="">
		    </ion-avatar>
		<h2>{{contact.contactname}}</h2>
		<p>{{contact.contacttext}}</p>
		</ion-item>
</ion-list>

// 经测试上面的(click)="itemClick($event,contact)" 去掉美元符号$ 也行
(click)="itemClick(event,contact)"  也可以把event去掉，ts里面对应的event也去掉

//ts 文件
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/about/about.html'
})
export class AboutPage {
  //contacts = [];
  constructor(private navCtrl: NavController) {
    this.contacts =[
          {"contactid":1,"contactname":"张三","contacttext":"13123451388"},
          {"contactid":2,"contactname":"张想","contacttext":"13123451388"},
          {"contactid":3,"contactname":"Sam","contacttext":"131233333333"},
          {"contactid":4,"contactname":"Jane","contacttext":"13123422221"},
          {"contactid":5,"contactname":"Cary","contacttext":"13123451322"},
          {"contactid":6,"contactname":"Kate","contacttext":"13123451388"},
      ]
  }

  itemClick(event,contact){
    alert(contact.contactname);//点击每个记录弹出联系人名称
  }