ag-grid
モデルコードから返されたrowDataがnullの場合、使用している(Angular Grid)がまったく表示されてはならないユースケースがあります。
今のところ、グリッド レベルでそれを行う方法を見つけることができません。
これを実装する正しい方法は何でしょうか? div 要素を非表示にすることがその方法である場合、JavaScript から正しい方法で行うにはどうすればよいでしょうか?
ag-grid
モデルコードから返されたrowDataがnullの場合、使用している(Angular Grid)がまったく表示されてはならないユースケースがあります。
今のところ、グリッド レベルでそれを行う方法を見つけることができません。
これを実装する正しい方法は何でしょうか? div 要素を非表示にすることがその方法である場合、JavaScript から正しい方法で行うにはどうすればよいでしょうか?
行がない場合にグリッドを非表示にする場合は、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 にデータが存在するまで、Grid ディレクティブは AngularJS によって初期化されません。