如果 rowData 为空，如何隐藏 ag-grid？

Posted 2023-03-28

【中文标题】如果 rowData 为空，如何隐藏 ag-grid？

【英文标题】：How to hide ag-grid if rowData is null?

【发布时间】：2015-10-21 04:19:42

【问题描述】：

我有一个用例，如果从模型代码返回的 rowData 为 null，我正在使用的 ag-grid（角网格）根本不能出现。

到目前为止，我无法在网格级别找到方法。

实现这一点的正确方法是什么？如果隐藏 div 元素是一种方法，那么如何从 javascript 中以正确的方式做到这一点？

【问题讨论】：

这个问题有很多解决方案，如果您发布代码（或使用 jsfiddle 或 plunker 创建示例 - 将是最好的），这将有助于提供更好的建议。

如果没有看到你的代码就很难提出建议，但使用ng-if="rowData" 应该可以工作......

我不认为ag-grid 代表“Angular Grid”。您是否改用 ng-grid 之类的东西？

【参考方案1】：

如果要在没有行的情况下隐藏网格，则使用 ng-if 或 ng-show，指向 gridOptions.data。

<div ng-grid="gridOptions" ng-show="gridOptions.rowData.length>0"/>

或

<div ng-grid="gridOptions" ng-if="gridOptions.rowData.length>0"/>

如果你使用 show，那么网格会保留在那里，但是 Angular 会应用 css 来隐藏元素。

如果你使用 if，那么在 rowData 中存在数据之前，AngularJS 不会初始化 grid 指令。