IONIC App-Горизонтальный, прокручиваемый слайдер миниатюр

Question

есть список заказов. Когда мы нажмем на> (параметр опции справа шеврона), он перенаправляет меня на страницу подробных сведений о заказе. Страница детали заказа может иметь список предметов, заказанных одним человеком. У каждого элемента есть опция камеры, чтобы щелкнуть изображение.

Скажите, что есть 2 пункта с опцией камеры, поэтому мы будем нажимать две картинки - по одному для каждого элемента. И я хочу отобразить их оба в 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

По умолчанию ionic сохранит все изображения в каталоге кеша. что я сделал в своем проекте, чтобы переместить изображения из каталога кеша в SdCard с помощью плагина filemanager, используя функцию файла перемещения. Так же как я беру записи в таблице 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 */ 
});