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

Prime-ng是一个基于Angular框架的UI组件库，提供了丰富的可重用组件，包括表格、表单、按钮等。在Angular中，可以通过使用Prime-ng的p-table组件来展示数据，并且可以在按钮点击事件中获取选中的行。

要从p-table中获取选中行，可以通过以下步骤实现：

在组件中引入Prime-ng的TableModule和ButtonModule：

import { TableModule } from 'primeng/table';
import { ButtonModule } from 'primeng/button';

在组件的NgModule中导入TableModule和ButtonModule：

@NgModule({
  imports: [
    TableModule,
    ButtonModule
  ],
  ...
})

在组件的HTML模板中使用p-table组件来展示数据，并在按钮上绑定点击事件：

<p-table [value]="data" [(selection)]="selectedRows">
  <ng-template pTemplate="header">
    <tr>
      <th></th>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
    <tr [pSelectableRow]="rowData">
      <td><input type="checkbox" [checked]="isSelected(rowData)" (click)="toggleSelection(rowData)"></td>
      <td>{{rowData.column1}}</td>
      <td>{{rowData.column2}}</td>
      <td>{{rowData.column3}}</td>
    </tr>
  </ng-template>
</p-table>

<button (click)="getSelectedRows()">Get Selected Rows</button>

在组件的Typescript代码中定义数据和相关方法：

import { Component } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  data: any[] = [
    { column1: 'Value 1', column2: 'Value 2', column3: 'Value 3' },
    { column1: 'Value 4', column2: 'Value 5', column3: 'Value 6' },
    { column1: 'Value 7', column2: 'Value 8', column3: 'Value 9' }
  ];
  selectedRows: any[] = [];

  isSelected(rowData: any): boolean {
    return this.selectedRows.includes(rowData);
  }

  toggleSelection(rowData: any): void {
    if (this.isSelected(rowData)) {
      this.selectedRows = this.selectedRows.filter(row => row !== rowData);
    } else {
      this.selectedRows.push(rowData);
    }
  }

  getSelectedRows(): void {
    console.log(this.selectedRows);
  }
}

在上述代码中，data数组存储了要展示的数据，selectedRows数组存储了选中的行数据。isSelected方法用于判断某一行是否被选中，toggleSelection方法用于切换行的选中状态，getSelectedRows方法用于在按钮点击事件中获取选中的行数据。

这样，当用户在p-table中选择行并点击按钮时，就可以通过getSelectedRows方法获取选中的行数据，并进行后续处理。

关于Prime-ng的p-table组件的更多信息和使用方法，可以参考腾讯云的PrimeNG产品介绍页面：PrimeNG - Table。