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

【问题标题】：How to hide ag-grid if rowData is null?如果 rowData 为空，如何隐藏 ag-grid？
【发布时间】：2015-10-21 04:19:42
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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 指令。

【讨论】：