Prime-ng -从p-table in button click in angular中获取选中行

Question

我在angular应用程序中使用了p-table，并使用checkbox作为标题和每行的复选框来显示数据。现在我想从p-table中点击按钮(按钮在p-table之外)来获得选中的行。

    <p-table #dt [value]="dispReturnTags" [columns]="cols" dataKey="id" [(selection)]="selected">
<ng-template pTemplate="header" let-columns>
    <tr>
        <th style="width: 3rem">
            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
        </th>
        <th *ngFor="let col of columns">
            {{col.header}}
        </th>
    </tr>
</ng-template>
<ng-template pTemplate="body" let-dispReturnTags let-columns="columns">
    <tr class="p-selectable-row" [pSelectableRow]="dispReturnTags">
        <td>
            <p-tableCheckbox [value]="dispReturnTags"  ></p-tableCheckbox>
        </td>
        <td *ngFor="let col of columns">
            <!-- <span class="p-column-title">{{col.header}}+"2"</span> -->
            {{dispReturnTags[col.field]}}
        </td>
        <td>
            
        </td>
    </tr>
</ng-template>

我们应该编写什么事件来获取typescript文件中的选定项。

Answer 1

你不需要做任何特殊的事情来获得所选的项目。

您已经在使用[(selection)]="selected"，它是一个内置的双向绑定。因此，selected引用了组件文件中的一个数组，其中包含您选择的所有项。