Angular ag grid 单个行在按钮单击时折叠答案

【问题标题】：Angular ag grid individual row collapse on button clickAngular ag grid 单个行在按钮单击时折叠
【发布时间】：2021-10-28 20:48:45
【问题描述】：

我需要使用 angular 折叠 ag 网格中的展开行。有人可以帮我解决这个问题吗？我试过 setExpanded(false);使用文档但没有运气

【问题讨论】：

【解决方案1】：

为 html 元素提供一个名为 hide 的类

使类的显示属性为无：

.hide{display: none}

然后转到元素并进行类绑定：

<div [class.hide]="isOpen">Your targeted element</div>

转到 typescript 文件并创建一个名为 isOpen 的 bool 变量：

isOpen: bool = false;

创建一个具有称为 onClick 的单击处理程序的按钮

<button (click)="onClick()"></button>

进入类型脚本并创建onClick函数：

onClick(){
this.isOpen = !this.isOpen;
}

【讨论】：

【解决方案2】：

检查node.group和node.level

this.gridApi.forEachNode(node => {
    if (node.group && node.level == 0) {
        node.setExpanded(false);
    }
});

【讨论】：