Question

我有一个用Angular构建的Web应用程序。在此应用程序中，有一个显示数据的html页面：

 <tr *ngFor="let orderData of currentOrders" (click)="toggleSelectOrder($event, orderData)" class="pointer">
                        <td>
                            <div class="table-row-content">
                                <i class="checkboxes fa icon" [ngClass]="{'fa-check-square-o': orderData.isSelected,
                               'fa-square-o': !orderData.isSelected}"></i>
                                <span class="cell-with-checkbox-text">
                                    {{(orderData?.sapOrder?.orderAddress) || 'NO_DATA' | translate}}
                                </span>
                            </div>
                        </td>
                        <td class="text-left">
                            {{orderData?.sapOrder?.projectName || 'NO_DATA' | translate}}
                        </td>
                        <td class="text-center">

在应用程序中查看数据时，用户希望双击数据字段以选择数据，然后复制所选数据。目前尚无法实现。我无法选择它。

有什么想法使之成为可能吗？

Br，莉诺

Answer 1

在HTML模板中添加doubleclik方法

<tr *ngFor="let orderData of currentOrders" (dblclick)="nameMethod(orderData)" (click)="toggleSelectOrder($event, orderData)" class="pointer">

如果您还需要在ngFor中添加行号，请添加let i=index并将i传递到方法参数的内部

不能从html表中双击复制文本

1 个答案: