单击删除按钮后如何显示警报确认

Question

请查看以下示例，

stackblitz

请看一下stackblitz中的示例，我可以在那里拖动并上传图像。一旦我拖动并上传图像，就会出现删除按钮。如何在angular 2中为该删除按钮编写click函数，以及如何获取被删除的文件url？

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

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

Answer 1

使用deleteFile EventEmiter

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');
}
  }

链接：https://stackblitz.com/edit/ngx-input-file-rr2lvr?file=src/app/app.component.html

Answer 2

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

等等，我将在一段时间内实现并与您分享stackblitz链接

Answer 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');
  }
}