nz-popconfirm 删除默认图标

Question

我正在实施 nz-popconfirm，工作正常，但我需要更改默认图标，据我所知，它直接来自导入 nz-popconfirm 的 svg，我不知道该怎么做它。如果您有任何建议，欢迎

<i nz-icon="user-delete" nzType="delete" nzTheme="fill"
nz-popconfirm nzPopconfirmTitle="Are you sure do you want to delete the User?" nzOkText="yes" nzCancelText="No" (nzOnConfirm)="deleteUser(user.user_id)" (nzOnCancel)="cancelDelete()"
nzPopconfirmPlacement="left" nz-button></i>

Answer 1

您可以像这样使用 nzIcon Input 参数。

<a
   nz-popconfirm
   nzPopconfirmTitle="Are you sure delete this task?"
   [nzIcon]="iconTpl"
   nzPopconfirmPlacement="bottom"
   (nzOnConfirm)="confirm()"
   (nzOnCancel)="cancel()">
     Delete
</a>

<ng-template #iconTpl>
   <i nz-icon nzType="question-circle-o" style="color: red;"></i>
</ng-template>

这是 Stackblitz 工作示例 https://stackblitz.com/edit/angular-4mfgoe?file=src/app/app.component.ts

nz-popconfirm 删除默认图标

nz-popconfirm remove default icon

ng-zorro-antd