如何在单击删除按钮时显示警报确认答案

【问题标题】：how to show alert confirmaton on click of delete button如何在单击删除按钮时显示警报确认
【发布时间】：2018-08-07 06:12:34
【问题描述】：

请看下面的例子，

请看stackblitz中的例子，我可以在那里拖动和上传图片。一旦我将拖动并上传图像，将出现删除按钮。如何在 Angular 2 中为该删除按钮编写单击功能以及如何获取删除的文件 url？

如果我点击删除按钮，它应该会询问确认，“你确定要删除吗？”

我无法找到如何为该删除按钮编写 onclick 函数的方法？谁能帮帮我？

【问题讨论】：

【解决方案1】：

使用deleteFileEventEmiter

HTML：

<input-file (deletedFile)="confirmDelete()" inputId="input-file" placeholder="Drop files below!"></input-file>
        </div>

JS:-

confirmDelete() {
    var result = confirm("Want to delete?");
if (result) {        
    alert('Deleted');
} else {
  alert('Not deleted');
}
  }

【讨论】：

【解决方案2】：

你可以使用sweetalerts，这是链接：https://www.npmjs.com/package/sweetalert2

等一下，我会实施并与您分享 stackblitz 链接

【讨论】：

【解决方案3】：

您必须阅读文档。组件支持deletedFile在删除人物时触发。

html

<input-file inputId="input-file" placeholder="Drop files below!" (deletedFile)="deleteG()"></input-file>

appcomponent.ts

export class AppComponent { 

  deleteG(){
    console.log('here you detect the delete when you click delete icon');
  }
}

【讨论】：