¿Toque la imagen del golpe a la página siguiente en el marco iónico? -- javascript campo con angularjs campo con ionic-framework camp Relacionados El problema

touch swipe image to next page in ionic framework?


0
vote

problema

Español

Estoy creando una aplicación simple con el marco iónico, Quiero ir a la página siguiente cuando deslice la imagen a la izquierda y haga clic en la imagen de la siguiente página a la página siguiente, no funciona. Opción de deslizamiento no funciona

esta mi vista.html

  <div  class="row card_view">   <a on-swipe-left="onSwipeLeft()" href="#/app/viewcard"><div class="col card_re">     <img src="img/card1.png" alt=""/>   </a>  </div>         

este mi controler.js

  .controller('MyCardCtrl', function($scope, $state, $stateParams) {             $scope.blog = { id: 1,};        $scope.onSwipeLeft = function (id) {      console.log('Swiping Left ...');      $state.go('viewcard', { blogId: id });    }        // Set Ink      ionicMaterialInk.displayEffect();  })    .controller('viewcardCtrl', function($scope, $stateParams) {       console.log("Param blogId: ", $stateParams.blogId);        var id = $stateParams.blogId;        $scope.blog = { id: id,};          // Set Ink      ionicMaterialInk.displayEffect();  })  
Original en ingles

I am creating a simple app with the ionic framework, I want to go next page when i swipe image left and click.swipe image to next page not working. swipe option not working

this my view.html

<div  class="row card_view">   <a on-swipe-left="onSwipeLeft()" href="#/app/viewcard"><div class="col card_re">     <img src="img/card1.png" alt=""/>   </a>  </div>       

this my controller.js

.controller('MyCardCtrl', function($scope, $state, $stateParams) {             $scope.blog = { id: 1,};        $scope.onSwipeLeft = function (id) {      console.log('Swiping Left ...');      $state.go('viewcard', { blogId: id });    }        // Set Ink      ionicMaterialInk.displayEffect();  })    .controller('viewcardCtrl', function($scope, $stateParams) {       console.log("Param blogId: ", $stateParams.blogId);        var id = $stateParams.blogId;        $scope.blog = { id: id,};          // Set Ink      ionicMaterialInk.displayEffect();  })
        
   
   

Lista de respuestas

0
 
vote

El primer problema que puedo ver en su código es que no ha aprobado el VAR de $ State a su MyCardCtrl. ¡Causa error de JavaScript!

 

The first problem that I can see in your code is that you have not pass the $state var to your myCardCtrl. It causes javascript error!

 
 

Relacionados problema

0  Error de error iónico  ( Error install ionic ) 
C:windowssystem32>npm install -g ionic C:ProgramDataMicrosoftVisualStudioMDA55aaaddb aco-toolset-6.3.1ionic -> C:ProgramDataMicrosoftVisualStudioMDA55aaaddb...

0  Sitio para la aplicación iOS y Android  ( Site for app ios and android ) 
buenas tardes, Actualmente tengo un sitio web simple hecho en WordPress y le gustaría crear una vista web para encapsular lo mismo. El objetivo es verse com...

-1  IONIC 3: ¿Cómo hacen que IonViewWillenter solo cuando se presionó el botón Atrás?  ( Ionic 3 how make ionviewwillenter only when back button pressed ) 
He leído Navegando en eventos de ciclo de vida Mi caso de uso aquí es. Tuve que actualizar el contenido en la carga de la página, así como cuando se presi...

0  AWS PINPOINT / Error iónico - "Recurso no encontrado" al intentar enviar a través de CLI  ( Aws pinpoint ionic resource not found error when trying to send push through ) 
Soy nuevo en la programación con los servicios de AWS, por lo que algunas cosas fundamentales son bastante difíciles para mí. Recientemente, se me pidió que d...

1  Córdoba - debe actualizarse para apoyar iOS11  ( Cordova should be updated to support ios11 ) 
Tengo una aplicación Córdoba usando Córdova versión 6.4.0 Apple ha publicado nota a los desarrolladores, todas las aplicaciones o actualizaciones a partir d...

0  Cómo asignar valores del almacenamiento a una variable en IONIC 3  ( How to assign values from storage to a variable in ionic 3 ) 
Intenté algunos métodos para asignar valores a la variable, pero podríamos tener éxito, por favor ayuda. Método 1: - table2111 console.log muestra u...

0  Cómo hacer que la tostada iónica sea más compatible con el lector de pantalla  ( How to make ionic toast more compatible with screen reader ) 
Estoy tratando de hacer que mi aplicación sea más compatible con el lector de pantalla. Yo uso Google Talkback. Mi obstáculo actual ocurría mientras trabajaba...

2  Diapositivas de iones con entradas de formulario Bloques de bloques de desplazamiento  ( Ion slides with form inputs blocks page scrolling ) 
Tengo algunas entradas de forma dentro de un <ion-slide > pero no puedo desplazarse para ver todos los campos en la diapositiva, me impide desplazarse dentr...

0  Error en "iónico cordova construir android"  ( Error on ionic cordova build android ) 
Estoy tratando de construir una aplicación en Android, pero siempre devuelve este error android_home = / usr / lib / android-sdk Java_Home = / USR / LIB ...

1  El teclado IONIC 4 está cubriendo el contenido completo  ( Ionic 4 keyboard is covering whole content ) 
Cuando estoy haciendo clic en el teclado de entrada cubre todo el contenido. Necesito mostrar la entrada de entrada / arriba / arriba al teclado como en la ap...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos