AngularJS表格渲染在IE中慢,但在Chrome中速度很快

时间:2017-04-03 13:49:33

标签: angularjs performance internet-explorer

我希望有人可以就我遇到的以下问题给出一些见解。我有一张桌子,当在Chrome中呈现时,它可以毫无问题地使用。但是,在IE中,页面完全无法使用且速度很慢。它锁定了。页面本身使用的内存比我想要的多,但在Chrome中,似乎GC在您离开页面后释放内存,而在IE中却没有。

以下是表格渲染的代码

<table class="qactable col-md-offset-0 topmargin text-tanblue">
    <thead>
        <tr>     
            <th class="rotate"></th>           
            <th class="rotate" ng-repeat="item in availability">
                <div><span>{{::item.Date | date : 'MM/dd/yyyy'}}</span></div> 
            </th>
        </tr>   
    </thead>
    <tbody>
        <tr ng-repeat="area in areas track by $index" class="qactr">
            <td class="qactd">
                {{area}}
            </td>               
            <td ng-repeat="item in availability" class="hidden-sm hidden-xs">
                <div style="height:100%;" 
                    uib-tooltip="{{::blah.AreaName}} {{::item.Date | date : 'MM/dd/yyyy'}}"  
                    ng-disabled="blah.NumberOfAvailableUnits == 0" 
                    ng-click="goToFind(blah.AreaName,item.Date,blah.NumberOfAvailableUnits)" 
                    class="qactd"                                   
                    ng-class="{red: blah.NumberOfAvailableUnits == 0, yellow: blah.NumberOfAvailableUnits > 0 && blah.NumberOfAvailableUnits < 2, green: blah.NumberOfAvailableUnits >= 2}"                 
                    ng-repeat="blah in item.items" 
                    ng-if="blah.AreaName == area">
                    {{::blah.NumberOfAvailableUnits}}
                </div
            </td>
        </tr>
    </tbody>    

当表格显示在一个页面上时,这不是可以用分页修复的东西。

正如你所看到的,我试图使用单向绑定(我认为)来帮助缓解这个问题,但它并没有什么区别。

提前谢谢。

0 个答案:

没有答案