Question

我正在研究Angle 5和primeNg。我的代码使用primeNg <p-dataTable>。在我的一个组件中，我有2个数据表，因此我正在使用一个通用的数据表组件，如下所示：

CR通用数据表

    @Component({
      selector: 'app-cr-table',
      template: `
        Top Table
        <p-dataTable [value]="data" [rows]="10" [paginator]="true" #dt>
        <p-header>List of Cars</p-header>
        <p-column field="name" header="Name" [filter]="true"></p-column>
        <p-column field="age" header="Age" [filter]="true"></p-column>
        </p-dataTable>

        Bottom Table
        <p-dataTable [value]="data" [rows]="10" [paginator]="true" #dt1>
        <p-header>List of Cars</p-header>
        <p-column field="name" header="Name" [filter]="true"></p-column>
        <p-column field="age" header="Age" [filter]="true"></p-column>
        </p-dataTable>
      `
    })
    })

export class BankAccountComponent {
@ViewChild('dt') crTable: DataTable;
@ViewChild('dt1') crTable1: DataTable;

第一个组件：

@Component({
  selector: 'app-first-table',
  template: `
    <app-cr-table [data]='data'></app-cr-table>
  `
})

第二部分：

@Component({
  selector: 'app-second-table',
  template: `
    <app-cr-table [data]='data'></app-cr-table>
  `
})

现在，我的要求是仅在单击第一个（上方）表中的按钮时才重置第二个（底部）表。谁能指导我如何只重设第二个（底部）表而不重设一个表？我知道有一个reset()函数可以重置表，但可以重置两个表。我只想重置第二个（底部）表。请引导我。

参考：https://www.primefaces.org/primeng/#/datatable

PrimeNG + Angular：重置公用数据表

0 个答案: