将点击事件添加到ngx数据表单元格

Question

我想在ngx数据表单元格的click事件中调用一个函数。这是我现在拥有的代码。

<ngx-datatable-column name="User Name" prop="userName">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row">
       <span *ngIf="!editable" (click)="editable = true;"> Some Text </span>
       <input type="text" *ngIf="editable"/>
    </ng-template>
</ngx-datatable-column>

我想将跨度单击事件中的内容移动到单元格主体单击事件中。尝试移动时，我遇到了几个问题，

1. ng-template（click）事件不起作用，
2. 然后我尝试在ng-template内添加一个div，但它仅覆盖span区域。女巫是指div不覆盖整个细胞体。 （不允许更改单元格的默认样式）

Answer 1

您能不能尝试一下

<ngx-datatable-column name="User Name" prop="userName">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row">
       <span *ngIf="!editable" (dblclick)="editable = true;"> Some Text </span>
       <input type="text" autofocus *ngIf="editable"/>
    </ng-template>
</ngx-datatable-column>