Prime-ng - 在 angular 中单击按钮从 p-table 中获取选中的行

Question

我在 angular 应用程序中使用了 p-table 并显示带有复选框的数据 header 并且每一行都有复选框。现在我想在单击按钮时从 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>

我们应该写什么事件来获取打字稿文件中的选定项目。

Answer 1

您无需执行任何特殊操作即可获得所选项目。

您已经在使用 [(selection)]="selected"，这是一个内置的双向绑定。所以 selected 指的是组件文件中的一个数组，并且将包含所有选定的项目。

Prime-ng - 在 angular 中单击按钮从 p-table 中获取选中的行

Prime-ng - Get the checked rows from p-table in button click in angular

primeng

angular