Passing ngfor object value into button click


#1

Hi. New to Angular 2. I am populating cards from a JSON data using Ngfor. I have buttons in each cards and need to delete the card on press of the button. How do I do it?

<ion-content padding class="voteMain">
  <ion-list *ngFor="let candidate of candidates">
  	<ion-card class="swipe-card animated" id="{{candidate.id}}">
      <ion-card-content>
        <ion-avatar>
          <img src="{{candidate.avatar_url}}">
        </ion-avatar>
        <div class="profile-info">
          <div class="name-tag">
          <h1>{{candidate.display_name}}</h1>
            <h3>{{candidate.tag}}</h3>
          </div>
          <br>
        </div>
        <div class="desc">
          <h4>Description about the cadidate</h4>
          <div class="buttons">
            <button outline class="like" large (click)="deletecard()"><ion-icon name="close"></ion-icon>Remove Card</button>
            </div>
          </div>
        </ion-card-content>
      </ion-card>
    </ion-list>
  </ion-content>