IONIC App-Horizo​​ntal、スクロール可能なサムネイルスライダー

Question

注文リストがあります。 >（右シェブロンディテールオプション）をクリックすると、ディテールページにリダイレクトされます。注文詳細ページには、1人の注文アイテムのリストが含まれている場合があります。各項目には、画像をクリックするためのカメラオプションがあります。

カメラオプション付きの2つのアイテムがあると言うので、2つの画像（アイテムごとに1つずつ）をクリックします。そして、私は、スクロール可能なサムネイルスライダとして、携帯電話の画像用のストレージスペースにアクセスすることなく、両方をdivに表示したいと思います。私はサムネイルとして表示画像を試していますが、http://ngcordova.com/docs/plugins/camera/ を使ったフクロウカルーセルのようなものですが、今度は画像を撮影した後、divのサムネイルギャラリーとして表示する必要があります。使用されているコントローラコードは、上記リンク文書と同じです。

.controller('CameraCtrl', function($scope, $cordovaCamera) { 

    document.addEventListener("deviceready", function() { 

    var options = { 
     quality: 50, 
     destinationType: Camera.DestinationType.DATA_URL, 
     sourceType: Camera.PictureSourceType.CAMERA, 
     allowEdit: true, 
     encodingType: Camera.EncodingType.JPEG, 
     targetWidth: 100, 
     targetHeight: 100, 
     popoverOptions: CameraPopoverOptions, 
     saveToPhotoAlbum: false, 
     correctOrientation:true 
    }; 

    $cordovaCamera.getPicture(options).then(function(imageData) { 
     var image = document.getElementById('myImage'); 
     image.src = "data:image/jpeg;base64," + imageData; 
    }, function(err) { 
    // error 
    }); 

    }, false); 

}) 

Answer 1

デフォルトでは、イオンはすべての画像をキャッシュディレクトリに保存します。 ファイルの移動機能を使用して、filemanagerプラグインを使用して、キャッシュディレクトリからSdCardにイメージを移動することを私のプロジェクトで行ってきました。私はテーブルのレコードをロードする必要があるときはいつでも、私は、SQL名とそのパスを含むSQLテーブルのレコードを取っているだけでなく。

$scope.$on('$ionicView.beforeEnter', function (event, viewData) { 
    ImageService.LoadImages().then(function (list_images) { 
     var list = list_images; 
     angular.merge($scope.showData, list); 
    }, function (rej) { 
     console.error(rej); 
    }); 
    /* you can enter the function that you 
     want to call every time when view loads, Like above I did */ 
});