我正在开发一个基于Ionic 1的应用程序。所以我需要在一个步骤系列中有一个两个模态对话框,如下图所示。
我需要禁用动画(以及300ms不透明度变化),因为它不应该是在模态1到模态2的过渡期间之间的任何动画或闪烁(以防止在300ms过渡时向用户显示离子视图) )。无论如何,我决定要禁用过渡动画。
所以这给我带来了另一个问题:
- 由于Close模式链接直接位于选择下拉列表的位置,因此下拉选项将因300ms延迟而触发。我该如何解决这个问题?我正在寻找更优雅的方式,而不是做一些像放置模式对话框2并在300毫秒超时中删除它
<a ng-click="closeModal()">Close modal</a>
angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal) {
$ionicModal.fromTemplateUrl('my-modal.html', {
scope: $scope,
animation: none
}).then(function(modal) {
$scope.modal = modal;
});
$scope.openModal = function() {
$scope.modal.show();
};
$scope.closeModal = function() {
$scope.modal.hide();
$scope.openModal2();
};
$ionicModal.fromTemplateUrl('my-modal-2.html', {
scope: $scope,
animation: none
}).then(function(modal) {
$scope.modal2 = modal;
});
$scope.openModal2 = function() {
$scope.modal2.show();
};
$scope.closeModal2 = function() {
$scope.modal2.hide();
};
});