如何在从angular multiselect中删除值之前放置javascript警报提示

如何在从angular multiselect中删除值之前放置javascript警报提示,javascript,angular,multi-select,Javascript,Angular,Multi Select,在使用Angular2 multiselect从列表中删除值之前,我需要放置一个警报提示。我在下面解释我的代码 <div class="form-field"> <angular2-multiselect [data]="searchCoupon" #ProductCoupon formControlName="couponValues" [settings]="settings"> <c-search> <ng

在使用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警报提示,然后将删除选中的项目,而不会从列表中删除其他项目。

为了实现这一点,您需要使用confirmargs,当用户单击“确定”时返回布尔值true,如果用户单击“确定”,则返回布尔值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...
}

有关更多信息,请参阅。

您是否了解我的问题。我知道这一点,但在这里我使用angular2 multiselect,这个插件会自动删除选定的值。我的问题是我如何处理这个问题。你如何处理删除?用户选择一个项目,然后删除?你说的自动是什么意思?你应该在执行代码的任何地方使用确认来删除项目。该插件正在删除所选的值。没有写入用于删除选定值的函数。在那里,您可以在每个内置的选定项目上找到一个X按钮,当用户在该图标上选择时,该值将被删除。