angularjs - ng-show/ng-hide を使用すると ui-grid が正しくレンダリングされません。キーボードで F12 を押すと、正しくレンダリングできます。

Question

私のコードは以下の通りです：

<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>

フラグを true に設定すると、グリッドが正しくレンダリングされません。キーボードで F12 を押すと、正しく表示されます。

Answer 1

ng-grid と ui-grid は、非表示または表示時にテーブルを自動的に更新しません。gridApi.core.refresh();(ui-grid の場合) および(ng-grid の場合) を呼び出すことによりgridOptions.ngGrid.buildColumns();、現在の DOM 状況に従って、ライブラリに強制的にテーブルを再構築させます。