Question

我遇到了很大的性能问题。

我正在使用ng-repeat块（我正在使用id来跟踪以提高性能）。在这个块中，我正在生成以下dom：

1）button1A button1B 2）button2A button2B 3）button3A button3B 4）button4A button4B 5）button5A button5B 6）button6A button6B

在该页面中有一些ng-show和ng-disabled，通过按住这些按钮设置的变量。

表演非常糟糕。在移动设备上，我们使用ng-mobile和\或fastclick进行300ms延迟删除，但似乎在点击按钮后“更新变量和dom”需要花费大量时间。

我如何提高表现？

非常感谢！

编辑：这是一些代码：

                                  <div class="row" ng-repeat="date in dateRanges track by date.value">

                                          <div ng-show="!date.custom" class="col-xs-14 col-sm-15 date-filter no-rel">
                                              <div class="button-container button-radio"><button data-ng-class="{'radiob disabled': getDate() != date,'radiob active': getDate() == date}" ng-click="setDate(date)"></button></div>
                                              <div class="button-container button-text">
                                                  <button class="select-date" ng-click="setDate(date)">{{date.title}} {{date.noDetails ? '' : date.start | date:'dd/MM/yyyy'}} {{date.noDetails ? '' : '-'}} {{date.noDetails ? '' : date.end | date:'dd/MM/yyyy'}}</button>
                                              </div>
                                          </div>

                                          <div ng-if="date.custom" class="col-xs-2 col-sm-1 date-filter">
                                              <button data-ng-class="{'radiob disabled':getDate() != date,'radiob active':getDate() == date}" ng-click="setDate(date)"></button>
                                          </div>
                                          <div ng-if="date.custom" class="col-xs-14 col-sm-15 date-filter no-rel">
                                              <div class="row" data-ng-class="{'has-error': hasErrorComune && criteriRicerca_DateRange.custom}">
                                 </div>                

                                          <div class="col-md-16 mrg-t-10 text-center">
                                              <button id="Undo" ng-click="Undo()" class="btn btn-esci mrg-r-10">Undo</button>

                                              <button type="submit" id="dropdownMovimentiConferma" ng-click="Operation()" data-ng-disabled="criteriRicerca_DateRange.custom && (hasErrorComune || hasErrorStart || hasErrorEnd)" class="btn btn-primary">OK</button>


    </div>

Answer 1

您是在真实移动（硬件）还是模拟器上进行测试？

如果真实，请检查任务管理器和CPU利用率。

Angularjs在移动设备上点击ng-click

1 个答案: