Angularjs问题与ng点击手机
Angularjs issue with ng-click on mobile
我遇到了一个很大的性能问题。
我在一个ng重复块(我正在使用track-by-id来提高性能)。在这个块中,我生成以下dom:
1) 按钮1A按钮1B2) 按钮2A按钮2B3) 按钮3A按钮3B4) 按钮4A按钮4B5) 按钮5A按钮5B6) 按钮6A按钮6B
在该页面中,有一些ng显示和ng禁用,在通过ng单击这些按钮设置的变量上。
表现很差。在移动设备上,我们使用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>
您是在真正的移动设备(harware)还是模拟器上进行测试?
如果是真实的,请检查任务管理器和cpu利用率。
相关文章:
- ng映射方向备选方案
- AngularJS UI路由器不能像ng路由器那样工作
- 角度:在ng重复上切换图像
- 正在使用$location.path(.)路由ng视图
- AngularJS:ng之后,重复$scope值未按预期更新
- ng打开空字符串
- 我应该使用Ng提交还是点击表格
- ng init中的表达式无法使用ng repeat
- ng更改事件不适用于Dropdown
- ng视图外的链接重定向到ng视图内的页面
- ng应用程序使脚本无限运行
- 角度的项目列表 ng 重复,ng 单击显示全宽描述
- ng隐藏和ng显示无法正常工作
- 从ng模板访问作用域
- 从手机中选择多个图像'使用phonegap的多媒体资料
- 防止ng重复中的重复值(AngularJS)
- Angularjs问题与ng点击手机
- ng mousedown和ng mouseup在手机中不工作
- 更新图片源(ng-src)与手机相机或图书馆图片
- ng点击在手机屏幕上不起作用