文本选择不适用于单个单元格 - ng2-table

Posted 2023-03-06

【中文标题】文本选择不适用于单个单元格 - ng2-table

【英文标题】：Text Selection is not working on Single Cell - ng2-table

【发布时间】：2017-09-10 12:21:00

【问题描述】：

这是 angular2 的数据表，由 Valor 软件编写。

http://valor-software.com/ng2-table/

这是演示。

我尝试通过鼠标单击并拖动来选择单个单元格中的文本（！重要 - 在单个单元格内。在多个单元格上工作） 它在 Chrome 上运行，而不是在 Mozilla FireFox 上运行。但现在它也不适用于 Chrome。

更多信息如下。

<tr *ngFor="let row of rows">
   <td (click)="cellClick(row, column.name)" *ngFor="let column of columns" [innerhtml]="sanitize(getData(row, column.name))"></td>
</tr>

public cellClick(row:any, column:any):void 
   this.cellClicked.emit(row, column);

这是点击表格单元格的功能。 用户鼠标向下，鼠标移动，最后鼠标向上。 此时触发该功能，选择消失。

请帮我解决这个问题。

【参考方案1】：

我通过更新这部分解决了这个问题。

<td (click)="cellClick(row, column.name)" *ngFor="let column of columns" [innerHtml]="getData(row, column.name)"></td>

它使用 Sanitize 构建 html 内联代码。