Seeking assistance: I've been struggling with a problem for quite some time now and could really use some help from you guys.
My issue involves an 'AngularJS' webapp that retrieves posts from an 'FB page' via 'OpenGraph' in JSON format. It then displays these posts as cards containing images and text, which users can scroll through. Currently, the app is set up to display 10 cards successfully, but there's one hiccup - when a user clicks on an image within a card, it always redirects them to the first image. From there, they can navigate through the rest of the images.
I'm looking to change this behavior so that clicking on an image will bring up that specific image instead of the first one. Can anyone provide guidance on how I can achieve this? :)
The 'JSON' data returns a 'data array' consisting of 10 sets of data.
Here is the function responsible for loading the image in the modal, currently set to '0' indicating the first picture:
$scope.openModal = function() {
$ionicSlideBoxDelegate.slide(0);
$scope.modal.show();
};
I would appreciate any insights on how I can modify this to show the clicked picture instead.
If you'd like to see a demo, please leave your email for an invite to view the app using 'Ionic View'.
Full code provided below:
... (complete code not shown for brevity)