La transmission de données angulaire de l'interface utilisateur modale (lightbox effet)

Problème:
Je veux créer un modal lightbox à l'aide de l'Angulaire de l'INTERFACE utilisateur modal Bootstrap

Détails:
J'ai construit une grille des photos à l'aide de ng-repeat. Répétition pour chaque photo s'ouvre modale à l'aide de la méthode open (). Je suis aux prises avec la façon de passer le champ d'application de l'élément cliqué à l'modal donc je peux récupérer l'url de l'image à afficher. J'ai mis en place le champ de paramètre sur le modal, ce qui me donne accès à la société mère; toutefois, la société mère est le parent de l'élément cliqué et contient l'ensemble de toutes les images dans la grille. J'ai besoin de comprendre comment le dire (par programme) de l'index a été cliqué, ou simplement envoyer l'enfant à l'modal. Je suis un newbie... si je suis absent quelque chose ou il y a une meilleure façon d'aborder cette question, toute aide est la bienvenue.

Mon code HTML:

<section ng-controller="ModalDemoCtrl">
  <div ng-repeat="photo in photos.data">

    <img src="{{photo.source}}" class="thumbnail img-responsive" ng-click="open()">

  </div>
</section>

Instance et du contrôleur:

app.controller('ModalDemoCtrl', function ($scope, $modal, $log) {

  $scope.items = ['item1', 'item2', 'item3'];

  $scope.open = function (scope) {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      scope: $scope,
      controller: ModalInstanceCtrl,
      resolve: {
        items: function () {
          return $scope.items;
        },
//this returns as undefined
        photo: function(){
            return $scope.photo;
        }
      }
    });


    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
});


var ModalInstanceCtrl = function ($scope, $modalInstance, items, photo) {



  $scope.items = items;
  $scope.photo = photo;
  $scope.selected = {
    item: $scope.items[0]
  };


  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };


  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
  console.log($scope);

};

C'est fondamentalement la façon dont la portée semble. L'index de l'élément dont j'ai besoin est enfoui au plus profond et j'ai besoin de savoir (par programmation) que l'on a cliqué. J'ai besoin de la source off Index[0]

$scope
--$parent
---$parent
----$photos
-----$$v
------data
-------0
--------Source
-------1
-------2
-------3
-------4
-------5
-------6
-------7
-------8

OriginalL'auteur Kram62 | 2014-02-27