将点击事件绑定到树中的展开图标 table

Question

我正在开发 angular 应用程序。我正在使用来自 primeng 的树 table。在这棵树中 table 我有一个扩展图标。代码如下：

堆栈闪电战：

https://stackblitz.com/edit/primeng-treetablestyle-demo

我想在此扩展面板上绑定一个（单击）事件，并在单击扩展图标时将数据传递给组件，并想知道它是否已展开。我尝试在 div 中提供以下代码并尝试将点击事件绑定到它，但它不起作用

  <div (click)="toggleClicked(data)">  <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler> </div>

我该怎么做？

Answer 1

在<p-treeTable></p-treeTable>标签上写了一个(onNodeExpand)方法。您可以编写一个函数并将 $event 传递给该函数，然后知道您的树何时展开

 <p-treeTable (onNodeExpand)="onNodeExpand($event)" ... > 
  ...
  <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
 </p-treeTable>

将点击事件绑定到树中的展开图标 table

Binding click event to expansion icon in tree table

primeng

angular

angular9

angular10