angularjs - animations - animaciones angular 6

¿Cómo incluir transiciones nativas a modales iónicos?

Question

Creé una aplicación iónica e inicialmente las transiciones fueron lentas. Entonces, opté por el plugin de transiciones nativas iónicas . Ahora que las transiciones de la aplicación se volvieron más suaves, estoy tratando de aplicar estas transiciones para mis modales iónicos. Debajo está la función que uso para configurar mi modal en iónico.

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

¿Alguna idea de cómo aplicar las transiciones a los modales?

Answer 1

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

Puede llamar fácilmente su transición justo antes de abrir el modal:

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

y llamar a esto modal abierto:

window.plugins.nativepagetransitions.executePendingTransition();

..........

solución tomada de la página de git del proveedor de complementos

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

espero que esto ayude

Answer 2

No es necesario utilizar específicamente ionic-native-transition para utilizar la animación con modal. Simplemente pase el valor de la propiedad de animación al objeto pasado a $ionicModal.fromTemplateUrl como se muestra a continuación:

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