Angular Priming 8 treetable在过滤器后未膨胀

Angular Priming 8 treetable在过滤器后未膨胀,angular,typescript,primeng,Angular,Typescript,Primeng,我一直在尝试在全局筛选后展开树行。不幸的是,它不工作,也没有抛出错误 它在没有全局过滤器的情况下工作得很好 我已按照PrimeNg文档实施 应用框架 Angular8 PrimeNg8 任何专家都能提供您有价值的反馈吗 HTML <input class="text-center" type="text" pInputText placeholder="-- Input Value --" (input)="tt.f

我一直在尝试在全局筛选后展开树行。不幸的是,它不工作,也没有抛出错误

它在没有全局过滤器的情况下工作得很好

我已按照PrimeNg文档实施

应用框架

Angular8
PrimeNg8
任何专家都能提供您有价值的反馈吗

HTML

<input class="text-center" type="text" pInputText  placeholder="-- Input Value --" (input)="tt.filterGlobal($event.target.value, 'contains')" />
<p-treeTable #tt [value]="entityListTree" [columns]="entityListTreeColumns"     
(onNodeExpand)="onNodeExpand($event)"  (onNodeCollapse)="onNodeCollapse($event)"  [showLoader]="showLoader" [rows]="10" [paginator]="true" [first]="first" [rowsPerPageOptions]="[10, 20, 50, 100]"
(onRowSelect)="onRowSelect($event)" (onRowUnselect)="onRowUnselect($event)" (sortFunction)="treeTableDateSort($event)" [customSort]="true" [globalFilterFields]="entityListTreeColumns" >
<ng-template pTemplate="header" let-columns>
  <tr>
    <th *ngFor="let col of columns" [ttSortableColumn]="col.field">             
    <!-- Heading comes here -->
    </th>
  </tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
  <tr>
    <td>
      <!-- Data comes here -->
    </td>
  </tr>
</ng-template>
</p-treeTable>

你能创建一个StackBlitz吗?你能创建一个StackBlitz吗?
createLazyNodes() {
  this.entitySetUpService.findAllEntitySetUpList().subscribe(
    (res) => {
      setTimeout(() => {
        this.entityListTree = []
        res.forEach((row) => {
          let node = {
            data: {
              entityName: row['entityName'],
              status: row['status'],
              entityCode: row['entityCode'],
              createdDateString: row['createdDateString'],
            },
            leaf: !row.hasAssigned,
            children: []
          };
          this.entityListTree.push(node)
        })
      }, 2000)
    },
    (error) => {
      this.notificationService.showError(error.message)
    }
  )
}
onNodeExpand(event) {
  this.showLoader = true;
  const node = event.node;
  const entityCode = node.data.entityCode
  node.children = []
  this.entitySetUpService.allAssignedEntity(entityCode).subscribe(
    (res) => {
      setTimeout(() => {
        this.showLoader = false;
        res.forEach((row) => {
          let children = {
            data: {
              entityName: row['entityName'],
              status: row['status'],
              entityCode: row['entityCode'],
              createdDateString: row['createdDateString'],
            },
          }
          node.children.push(children)
        });
        this.entityListTree = [...this.entityListTree];
      }, 500);
    });
}