2016-04-15 31 views
11

我建立了一個離子應用程序,最初轉換很慢。所以,我選擇了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(); 
}; 

任何想法如何將轉換應用到模態?

回答

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

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

您可以輕鬆地打電話給你的過渡開口模態的前面:

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

,並把這種模態開:

window.plugins.nativepagetransitions.executePendingTransition(); 

..........

從插件提供商git頁面抓取的修復程序

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

希望這有助於