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

Question

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

截至目前，我无法找到在网格级别执行此操作的方法。

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

Answer 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，那么 grid 指令将不会被 AngularJS 初始化，直到你有数据存在于 rowData 中。