Javascript 如何在ag grid angular中状态为active（活动）或not active（未活动）时更改图标

HTML*

   <ng-template #actionButtons let-data="data">
      <div class="cell-actions">
        <a href="javascript:;" (click)="assign()">
          <i nz-icon nzType="user-add" nzTheme="outline"></i>
        </a>
    
        <i nz-icon nzType="user-delete" nzTheme="outline"></i>
      </div>
    </ng-template>

---

当状态为活动状态时，我试图在此处执行的操作将显示此

，但状态为非活动状态时，它应显示此

，而不是

您可以使用列中的
valueFormatter
根据状态显示图标：

 { headerName: 'Status', field: 'status', valueFormatter: statusFormatter }

function statusFormatter(params) {
  return params.value==='ACTIVE'? '<i nz-icon nzType="user-add" nzTheme="outline"></i>' : '<i nz-icon nzType="user-delete" nzTheme="outline"></i>';
}

{headerName:'Status'，field:'Status'，valueFormatter:statusFormatter}
函数状态格式化程序（参数）{
返回参数。值=='ACTIVE'？''：''；
}

 { headerName: 'Status', field: 'status', valueFormatter: statusFormatter }

function statusFormatter(params) {
  return params.value==='ACTIVE'? '<i nz-icon nzType="user-add" nzTheme="outline"></i>' : '<i nz-icon nzType="user-delete" nzTheme="outline"></i>';
}