2016-04-15 14 views
11

Ho costruito un'app ionica e inizialmente le transizioni erano lente. Quindi, ho optato per il plugin ionic-native-transitions. Ora che le transizioni dell'app sono diventate più fluide, sto provando ad applicare queste transizioni per i miei modali ionici. Di seguito è riportata la funzione che uso per impostare il mio modale in ionico.Come includere le transizioni native nelle modalit? Ioniche?

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

Qualche idea su come applicare le transazioni alle modali?

risposta

1

Non è necessario utilizzare specificamente ionic-native-transition al fine di utilizzare l'animazione con modale. Basta passare il valore della proprietà di animazione all'oggetto passato a $ionicModal.fromTemplateUrl come di seguito:

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

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

Si può facilmente chiamare il passaggio a destra prima di aprire il modal:

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

e chiamare questo il modal aperto:

window.plugins.nativepagetransitions.executePendingTransition(); 

..........

correzione afferrato dalla git pagina di provider Plugin

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

speranza che questo aiuta

Problemi correlati