nz-upload 中 nzIconRender 怎么使用详细解释一下

nz-upload组件是Ant Design中的文件上传组件，nzIconRender是这个组件的一个属性，用于自定义上传图标的渲染方式。

使用nzIconRender属性，你可以自定义上传组件的图标，可以是Ant Design中的图标组件，也可以是自己定义的图标。

具体使用方法如下：

1. 首先，你需要引入nz-upload组件和相关依赖。在你的代码中添加以下导入语句：

import { NzUploadComponent } from 'ng-zorro-antd/upload';
import { UploadOutlined } from '@ant-design/icons-angular/icons';

2. 在模板中使用nz-upload组件，并设置nzIconRender属性为一个函数。这个函数接受一个参数fileList，表示当前上传的文件列表。函数返回一个组件或HTML元素，用于渲染上传图标。

<nz-upload [nzIconRender]="renderIcon"></nz-upload>

3. 在组件中定义renderIcon函数，并返回一个图标组件或HTML元素。

renderIcon = (fileList: any[]): any => {
  if (fileList.length === 0) {
    return <UploadOutlined />;
  } else {
    return <UploadOutlined style="color: green" />;
  }
}

在这个例子中，如果文件列表为空，渲染的图标是默认的上传图标，如果文件列表不为空，渲染的图标是绿色的上传图标。

这样，你就可以使用nzIconRender属性来自定义nz-upload组件的上传图标了