我试图在iPad上测试应用,在那里我发现ng-click不能在ipad肖像模式下工作。它在桌面和ipad横向模式下按预期工作。
即使在Android手机上也可以看到相同的行为。在横向模式下工作但不在纵向模式下工作。
这是我的观点:
<div ng-controller="ModelForecastController as ModelForecast">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-6">
<div class="form-control-static">
<strong>Last Updated:</strong> {{ModelForecast.demand.lastModified}}
</div>
</div>
<div class="col-xs-6 text-right padding-bottom"
ng-hide="ModelForecast.componentStatus.contentReadOnly ||
!ModelForecast.keyGroup.validData || ModelForecast.componentStatus.saveLoading">
<button class="btn btn-default"
ng-click="ModelForecast.resetPage()">Reset</button>
<button class="btn btn-primary"
ng-disabled="form.$invalid"
ng-click="ModelForecast.saveData()">Save</button>
</div>
</div>
</div>
我的控制员:
var ModelForecastController =
function( $log, $scope, $state, $modal, $rootScope,
bandCalculateService, fetchPageDataService,
pageBandRecalculateService, fusionChartsDataService,
modelForecastService, globalConstant,
optionListService, keyGroupService, Utility ) {
var vm = this,
vm.resetPage = function() {
alert('reste Page');
vm.componentStatus = angular.copy( componentFlag );
vm.renderPage();
};
vm.saveData = function() {
alert('save data 2');
var dirtyBasket = {
userGroup: keyGroupService.userGroupSelection.userGrp,
dealer: keyGroupService.locationSelection.loc,
productGroup: keyGroupService.productGroupSelection.id,
model: keyGroupService.modelSelection.id,
demandGroup: []
};
// -- do other stuffs -- //
};
我使用角度触摸,当点击dektop和ipad(横向模式)时,类正在变为点击活动。但是当它处于纵向模式时,类不会变为ng-click-active。
问题似乎只适用于此模块,因为其他模块触摸工作正常。
Angular - 版本 - 1.3.8 Angular-touch版本 - 1.4.3