将点击事件添加到 ngx-datatable 单元格主体

Question

我想在 ngx-datatable 单元格主体的点击事件中调用一个函数。这是我现在的代码。

<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>