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 -- //
};
angular-touchを使用しており、デスクトップとiPad(ランドスケープモード)をクリックすると、クラスがng-click-activeになります。ただし、ポートレート モードの場合、クラスは ng-click-active になりません。
他のモジュールのタッチは正常に機能しているため、問題はこのモジュールでのみ機能しているようです。
Angular - バージョン - 1.3.8 Angular-touch バージョン - 1.4.3