Angular NZ-Upload 组件：nzIconRender 属性详解及自定义图标渲染

"nz-upload"组件是Ant Design中的文件上传组件，"nzIconRender"是这个组件的一个属性，用于自定义上传图标的渲染方式。\n\n使用"nzIconRender"属性，你可以自定义上传组件的图标，可以是Ant Design中的图标组件，也可以是自己定义的图标。\n\n具体使用方法如下：\n\n1. 首先，你需要引入"nz-upload"组件和相关依赖。在你的代码中添加以下导入语句：\n\njavascript\nimport { NzUploadComponent } from \'ng-zorro-antd/upload\';\nimport { UploadOutlined } from \'@ant-design/icons-angular/icons\';\n\n\n2. 在模板中使用"nz-upload"组件，并设置"nzIconRender"属性为一个函数。这个函数接受一个参数"fileList"，表示当前上传的文件列表。函数返回一个组件或HTML元素，用于渲染上传图标。\n\nhtml\n<nz-upload [nzIconRender]=\"renderIcon\"\></nz-upload>\n\n\n3. 在组件中定义"renderIcon"函数，并返回一个图标组件或HTML元素。\n\njavascript\nrenderIcon = (fileList: any[]): any => {\n if (fileList.length === 0) {\n return <UploadOutlined />;\n } else {\n return <UploadOutlined style=\"color: green\" />;\n }\n}\n\n\n在这个例子中，如果文件列表为空，渲染的图标是默认的上传图标，如果文件列表不为空，渲染的图标是绿色的上传图标。\n\n这样，你就可以使用"nzIconRender"属性来自定义"nz-upload"组件的上传图标了。