2016-04-15 14 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

आशा है कि यह

संबंधित मुद्दे