使用ng-show / ng-hide时ui-grid无法正确渲染,如果按键盘上的F12,则可以正确显示

Jav*_*all 3 angularjs ng-grid ng-show ng-hide angular-ui-grid

我的代码如下:

<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>
Run Code Online (Sandbox Code Playgroud)

当我将标志设置为true时,网格将无法正确呈现,如果在键盘上按F12键,则网格可以正确显示!

Jav*_*all 5

我也找到一个解决方案:使用ng-if代替ng-show/ ng-hide,如下所示:

<div class="gridStyle" ng-grid="gridOptions" ng-if="flag"></div>
Run Code Online (Sandbox Code Playgroud)

使用ng-if也为我烦恼了!


小智 5

尽管我意识到这个问题已经老了,但是到目前为止,没有一种解决方案对我有用。但是,在我的元素上使用ui-grid-auto-resize属性就像是一种魅力。

<div ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>
Run Code Online (Sandbox Code Playgroud)