Как поставить предупреждение javascript перед удалением значения из angular multiselect

Question

Мне нужно поставить одно предупреждение перед удалением значения из списка с помощью Angular2-multiselect. Я объясняю мой код ниже.

<div class="form-field">
   <angular2-multiselect [data]="searchCoupon" #ProductCoupon formControlName="couponValues" [settings]="settings">
       <c-search>
           <ng-template>
                <input type="text" (keyup)="onCouponSearch($event)" placeholder="Search coupons" style="border: none;width: 100%; height: 100%;outline: none;"/>
           </ng-template>
      </c-search>
       <c-item>
          <ng-template let-item="item">
               <label style="color: #333;">{{item.CouponCode}}</label>
          </ng-template>
       </c-item>
       <c-badge>
          <ng-template let-item="item">
             <label style="margin: 0px;">{{item.CouponCode}}</label>
              <mat-icon matSuffix  (click)="editCoupon(item._id,true)" style="font-size: 17px;width: 15px;padding-left:5px;color:white">edit</mat-icon>
         </ng-template>
     </c-badge>  
     </angular2-multiselect>
</div>

Здесь я использую Angular-multiselect, чтобы выбрать несколько элементов из списка при поиске, и эта часть работает нормально. Здесь мне нужно, чтобы пользователь удалил все выбранные элементы, и сначала отобразится одно javascript предупреждение, если пользователь нажмет кнопку ok, затем выбранный элемент будет удален, в противном случае он не будет удален из списка.

Answer 1

Чтобы достичь этого, вам нужно использовать confirm(args), который возвращает boolean true, когда пользователь нажимает ok и false, если пользователь нажимает на отмену.

Вы можете использовать его так,

const isOkDelete: boolean = confirm('Are you sure you want to remove this item?');

if (isOkDelete) {
   // delete this item...
} else {
   // do not delete this item...
}

Подробнее см. https://www.w3schools.com/jsref/met_win_confirm.asp.