How do I synchronize objects of the same Array , with the index on different pages? about angular-bootstrap-lightbox

[compact]

In each ng-repeat, the $index starts at 0. To get the correct index in your images array, you can use the image id instead:

<div ng-controller="QuadrinhosCtrl">
 <div ng-repeat="image in images | filterBy: ['id']: '3'">
   <a ng-click="openLightboxModal(image.id - 1)" title="Ampliar Imagem">
    <img ng-src="{{image.src}}" width="655" height="406" class="img-thumbnail" >
    </a>
 </div>
</div>

This assumes your ids are always ordered like 1, 2, 3, 4, 5, ...

[ThiagoJem]

I use in decreasing order ...,5 , 4, 3 , 2, 1 .Organizei in ascending order to facilitate understanding. 're Almost working, need your help to complete this task.

[compact]

Try changing your controller method to find the array index based on the given image object:

$scope.openLightboxModal = function (image) {
  Lightbox.openModal($scope.images, $scope.images.indexOf(image));
};

Pass in the image:

<div ng-controller="QuadrinhosCtrl">
 <div ng-repeat="image in images | filterBy: ['id']: '3'">
   <a ng-click="openLightboxModal(image)" title="Ampliar Imagem">
    <img ng-src="{{image.src}}" width="655" height="406" class="img-thumbnail" >
    </a>
 </div>
</div>

[ThiagoJem]

It worked perfectly fine. Thank you for excellent help , I will be promoting his work. hug!