angular - 使用按钮逐级展开和折叠 PrimeNG TreeTable

Question

正如您在我的 stackblitz 演示中看到的那样，我实现了一个顶部有两个按钮的 TreeTable。每次单击后，此“加号”按钮应将表格扩展一级。“减号”按钮应该折叠该级别。

https://stackblitz.com/edit/primeng-treetable-demo-hu2qwa?file=src/app/app.component.ts

因此，例如：

如果每个节点都折叠，单击“+”按钮应该只展开第 1 级节点，以便第 2 级节点可见。但是 2 级节点应该保持折叠状态。第二次单击“+”按钮也应展开 2 级节点。

如果我们展开了 2 级节点，单击“-”按钮只会折叠 2 级节点。因此，1 级节点仍应保持扩展。第二次单击“-”按钮也应该折叠 1 级节点。

当前版本只能展开和折叠 1 级节点。如何改进逻辑使其按我的意愿工作？

标签： angulartypescriptlogicprimeng

Answer 1

这是一个有效的解决方案。它仍然需要改进以限制关卡深度。但如果有人正在寻找这个问题的答案，这是一个很好的起点。 https://stackblitz.com/edit/primeng-treetable-demo-npxrcp