2016-04-15 21 views
11

Zbudowałem aplikację jonową i początkowo przejścia były powolne. Dlatego wybrałem wtyczkę ionic-native-transitions. Teraz, gdy przejścia aplikacji stały się bardziej płynne, próbuję zastosować te przejścia dla moich modów jonowych. Poniżej znajduje się funkcja, której używam do ustawienia mojego modalu w jonowym.Jak dołączyć natywne przejścia do modów jonowych?

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(); 
}; 

Każdy pomysł, jak zastosować transze do modals?

Odpowiedz

1

Nie trzeba specjalnie używać ionic-native-transition w celu korzystania z animacji modalne. Wystarczy przekazać wartość właściwości animacji do obiektu przekazanego do $ionicModal.fromTemplateUrl, jak poniżej:

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(); 
    }; 
} 
0

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

można łatwo połączyć się przejście tuż przed otwarciem modal:

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

i nazywają to na modalnym otwarty:

window.plugins.nativepagetransitions.executePendingTransition(); 

..........

fix chwycił ze strony dostawcy git plugin

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

nadzieję, że to pomaga