본문 바로가기

Mobile/Ionic2

ionic2에서 slide 로 삭제 버튼 노출하기

<ion-item-sliding *ngFor="let item of list">

      <button ion-item (click)="goDetail(item.exam_seq)">

        <ion-thumbnail item-left>

          <div class="image-frame">

            <ion-icon name='paper' *ngIf="!item.exam_main_img"></ion-icon>

            <div class="image" *ngIf="item.exam_main_img" [ngStyle]="{'background-image':'url(http://igzemi.com/img/exam/'+item.exam_main_img+')'}"></div>

          </div>

        </ion-thumbnail>

        <p>{{item.category_nm}}</p>

        <h2>{{item.exam_nm}}</h2>

        <ion-badge item-right>{{item.wrong_cnt}}</ion-badge>

      </button>

      <ion-item-options side="right">

        <button ion-button color="danger" (click)="deleteNote(item)">

          <ion-icon name="trash"></ion-icon>

          삭제

        </button>

      </ion-item-options>

    </ion-item-sliding>


나는 이런식으로 썼다.