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

Question

3

我有一个使用案例，当从模型代码返回的rowData为null时，我所使用的ag-grid（Angular Grid）不能出现在页面上。

目前我无法找到在grid级别上实现此功能的方法。

应该如何正确实现？如果隐藏div元素是实现它的方法，那么如何通过JavaScript以正确的方式进行操作？

- lostalien

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

没有看到你的代码很难给出建议，但是使用ng-if="rowData"应该可以解决问题。 - Claies

我不认为 ag-grid 代表 "Angular Grid"。你是否使用类似 ng-grid 的东西？ - DerMike

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Niall Crosby · Accepted Answer

如果你想在没有行的情况下隐藏网格，则使用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，则AngularJS不会初始化网格指令，直到rowData中有数据为止。