在ionicModal中删除300ms延迟

时间:2016-08-18 16:41:54

标签: angularjs ionic-framework

我正在开发一个基于Ionic 1的应用程序。所以我需要在一个步骤系列中有一个两个模态对话框,如下图所示。

enter image description here 我需要禁用动画(以及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();
  };
});

0 个答案:

没有答案