画像をイオンフレームワークの次のページにスワイプしますか？

Question

私はイオンフレームワークを使って簡単なアプリケーションを作成しています。 画像を左にスワイプしてクリックすると次のページに移動します。スワイプオプションは、この私の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) { 
 
\t 
 
    console.log("Param blogId: ", $stateParams.blogId); 
 
    
 
    var id = $stateParams.blogId; 
 
    
 
    $scope.blog = { id: id,}; 
 
    
 
    // Set Ink 
 
    ionicMaterialInk.displayEffect(); 
 
})

Answer 1

最初の問題トン

この私の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> 
 
    
 

を動作していません私があなたのコードで見ることができる帽子はあなたがあなたのmyCardCtrlに$ state varを渡していないということです。 JavaScriptエラーが発生します。