如何在AngularJS中的Firefox中隐藏ui-grid中的角度加载信息

When I load an ui-grid on my page, angular shows informations in the column headers. I added ng-cloak directive on my ui-grid html tag. But nothing happens.

当我在页面上加载ui-grid时，angular会在列标题中显示信息。我在我的ui-grid html标签上添加了ng-cloak指令。但没有任何反应。

I added this in my css :

我在我的CSS中添加了这个：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}

Not working.

不工作。

See the result :

看结果：

EDIT

编辑

This is my ui-grid tag :

这是我的ui-grid标签：

 <div ng-cloak ui-grid="gridOptions" class="wm-dashboard-grid"
             style="position: relative;top: 0;left: 0;right: 0;bottom: 0;"
             ng-style="resizeWithOffset(400)" resize
             ui-grid-auto-resize
             ui-grid-exporter
             ui-grid-move-columns
             ui-grid-pagination>
            <div class="well grid-loading" ng-if="gridLoading || count==0">
                <i ng-if="gridLoading" class="fa fa-spin fa-spinner"></i>
                <strong ng-if="gridLoading || gridOptions.data.length ==0">Chargement des données...</strong>
                <strong ng-if="!gridLoading && count==0">Pas de données</strong>
            </div>

        </div>

1 个解决方案

#1

Use only ng-cloak directive to the grid tag header,

仅对网格标记头使用ng-cloak指令，

Whenever your data will come then your data will be shown on grid without showing the angularjs expression.

每当您的数据到来时，您的数据将显示在网格上，而不显示angularjs表达式。

#1