将点击事件绑定到树表中的展开图标答案

【问题标题】：Binding click event to expansion icon in tree table将点击事件绑定到树表中的展开图标
【发布时间】：2022-01-23 16:20:42
【问题描述】：

我正在开发 Angular 应用程序。我正在使用primeng的树表。在这个树表中，我有一个扩展图标。代码如下：

堆栈闪电战：

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

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

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

我该怎么做？

【问题讨论】：

标签： angular primeng angular9 angular10

【解决方案1】：

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

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

【讨论】：

如何在外行之间留出空间？如果一行被展开，那么带有子节点的节点应该没有空格
对那个一无所知！我认为您最好阅读文档并检查与您的问题相关的其他问题。 @罗马