如果 rowData 為空，如何隱藏 ag-grid？

Question

我有一個用例，如果模型代碼返回的 rowData 為 null，則我使用的ag-grid （Angular Grid）根本不會出現。

截至目前，我無法找到在網格級別執行此操作的方法。

實現這一點的正確方法是什么？ 如果隱藏 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，則在 rowData 中存在數據之前，AngularJS 不會初始化 grid 指令。