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

Question

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

截至目前，我无法在网格级别找到一种方法。

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

Answer 1

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

<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 指令。