事件监听响应链的问题

来源:

慕村2922186

2016-12-15

http://szimg.mukewang.com/5852745b0001f77705620330.jpg

老师,请教一个问题,ion-card里面有一个头像,点击头像的时候,ion-card也相应了点击事件,我的需求是点击头像只有头像相应点击事件,求指点迷津

<ion-card *ngFor="let status of statusArray" tappable (click)="goToStatusDetailCtrl(status.id)">

      <ion-item tappable (click)="goToPersonalInfoCtrl(status.uid)">

        <ion-avatar item-left>

          <img [src]=status.headimg>

        </ion-avatar>

        <h2>{{status.uname}}</h2>

        <p>{{status.type}}</p>

        <ion-note item-right class="timeNote">{{status.addtime|timeAgoPipe}}</ion-note>

      </ion-item>

    <ion-card-content>

      <p>时间: {{status.out_time}}</p>

      <div class="addtion">

        <span class="addtionTitle">路线: </span>

        <p class="addtionContent">{{status.start_point}} → {{status.end_point}}</p>

        <div class="clearFloat"></div>

      </div>

      <div class="phone">

        <span>电话: {{status.mobile}}</span>

        <button ion-button color="primary" clear class="dailBtn" icon-left (click)="dail(status.mobile)">

          <ion-icon name='call'></ion-icon>

        </button>

      </div>

    </ion-card-content>

  </ion-card>


写回答

1回答

Parry

2016-12-16

阻止事件冒泡即可。

View:


<button (click)="myFunction($event, myParam)">Click Me</button

Controller:


myFunction(event: Event, myParam: any){
event.preventDefault();
}


0
0

Ionic飞速上手的跨平台App开发

以HTML5移动App开发框架Ionic,开发不受平台限制的App

1314 学习 · 640 问题

查看课程