title: when i click on ion-icon method in ion-card is also triggered
body: <p>I have a <code>ion-card</code> when clicked it's open the card on another page and I have one function on <code>ion-icon</code> that is placed above <code>ion-card</code> which is when clicked it opens the profile page.</p>
  
  <p>The problem is that when I click the <code>ion-icon</code> it triggers <code>viewProfile()</code> method and it also triggers <code>openPage()</code> method in <code>ion-card</code>.</p>
  
  <pre><code>&lt;ion-card class="cards" text-left (click)="openPage(item)"
        *ngIf="uid != item.uid &amp;&amp; !item.hasOwnProperty('opponentUid')"&gt;
    &lt;!--Card-image--&gt;
    &lt;div card-image&gt;
        &lt;img [src]="item.imageUrl" /&gt;
        &lt;span edit text-uppercase&gt;
           &lt;ion-icon name="contact" (click)="viewProfile(item.uid)"&gt;&lt;/ion-icon&gt;
        &lt;/span&gt;
     &lt;/div&gt;
  &lt;/ion-card&gt;
  </code></pre>
  
  <p>Any suggestion how to solve this issue. Thanks</p>