AngularJS ng-Grid启动最小化了吗？

Question

我正在使用ng-Grid v2.0.7，问题是ng-grid第一次显示时，它已被最小化。 这是我的意思的图片：

仅在单击最小化表（顶部图片）后，整个表才能正常显示（底部图片）。这是我正在使用的代码：

$scope.gridOptions = {
    data: 'jsonData.value',
    multiSelect: false
};

为什么会这样呢？

编辑：这是html文件中的定义：

<div class="gridStyle" ng-show="(dataViewType == 'table')" ng-grid="gridOptions"></div>

Answer 1

尝试在网格元素上使用ng-cloak指令。

例如在一个简单的div上：

<div ng-cloak></div> 

“ ngCloak指令用于防止在加载应用程序时浏览器以原始（未编译）形式简短地显示Angular html模板。使用此指令可避免html模板显示引起的不希望的闪烁效果。”

文件： http : //docs.angularjs.org/api/ng.directive : ngCloak

Answer 2

我有一个类似的问题，它是由CSS属性引起的。

这是因为我将高度和宽度设置为百分比，而不是固定的像素数。

将它们更改为固定数量的像素可以解决此问题（仅让我留意要选择哪些值来容纳我的动态JSON数据的问题）。

我最终在控制器中得到了这个：

    $scope.getTableStyle= function() {
       var rowHeight=30;
       var headerHeight=45;
       return {
          height: (gridHeaderHeight + 1 + 
                  ($scope.myGrid.length * (gridRowHieght + 1))) + "px"
       };
    };  

这在我的HTML中

   <div ng-show="myGrid" class="gridStyle" ng-grid="gridOptions" 
        ng-style="getTableStyle()" ng-cloak></div>

为了计算网格大小，每当我定期从服务器获取新的JSON数据时。