Как включить собственные переходы в ионные модалы?

Я построил ионное приложение, и сначала переходы были медленными. Итак, я выбрал плагин ionic-native-transitions. Теперь, когда переход приложений стал более плавным, я пытаюсь применить эти переходы для своих ионных модалов. Ниже приведена функция, которую я использую для установки модальности в ионной форме.

function LoadFilter(){
$ionicModal.fromTemplateUrl('templates/filter.html', {
  scope: $scope
}).then(function(modal) {
  $scope.modal = modal;
  $scope.modal.show();
});

$scope.closeFilter = function() {
  $scope.modal.hide();
};

$scope.showFilter = function() {
  $scope.modal.show();
};

Любая идея, как применить transtions к модалам?

Ответы

Ответ 1

Вам не нужно специально использовать ionic-native-transition для использования анимации с модальным. Просто передайте значение свойства анимации объекту, переданному в $ionicModal.fromTemplateUrl, как показано ниже:

function LoadFilter(){
  $ionicModal.fromTemplateUrl('templates/filter.html', {
    scope: $scope,
    animation: 'slide-in-up'
   }).then(function(modal) {
     $scope.modal = modal;
     $scope.modal.show();
   });

   $scope.closeFilter = function() {
     $scope.modal.hide();
   };

   $scope.showFilter = function() {
     $scope.modal.show();
   };
}

Ответ 2

............

Вы можете легко перевести свой переход прямо перед открытием модальности:

window.plugins.nativepagetransitions.slide(options, transitionSuccess, transitionError)

и вызовите это на модальном открытии:

window.plugins.nativepagetransitions.executePendingTransition();

..........

исправлено, взятое у поставщика плагинов git страница

https://github.com/shprink/ionic-native-transitions/issues/89

надеюсь, что это поможет