angular - 在 ng-zorro 的 nz-upload 中上传文件时如何禁用删除选项？

Question

我正在使用 ngzorro 的 nz-upload 组件来上传 pdf 文件。但是我有一个问题，当用户在上传的同时删除文件时，它会导致我存储响应的数组出现问题。有没有办法在上传的同时禁用删除选项？或者另一种解决方法？

Answer 1

您需要设置“showRemoveIcon=false”以禁用 nz-zorro 上传中的删除图标。

<nz-upload
  nzAction="https://jsonplaceholder.typicode.com/posts/"
  nzShowUploadList = "{showRemoveIcon?: false}"
  >
  <button nz-button><i nz-icon nzType="upload"></i><span>Click to Upload</span></button>
</nz-upload>

Answer 2

您可以通过设置 showRemoveIcon 禁用删除选项：false

HTML

<nz-upload class="avatar-uploader"
  nzAction="https://jsonplaceholder.typicode.com/posts/" nzName="avatar"
  nzListType="picture-card" [nzShowUploadList]="showUploadList"
  [nzBeforeUpload]="beforeUpload"  (nzChange)="handleChange($event)"
  >

JS

showUploadList = {
 showPreviewIcon: true,
showRemoveIcon: false,
};