Define a custom controller for the lightbox about angular-bootstrap-lightbox

[compact]

You can also add your own controller to the lightbox itself. In lightbox.html:

<div class="modal-body"
    ng-swipe-left="Lightbox.nextImage()"
    ng-swipe-right="Lightbox.prevImage()"
    ng-controller="LightboxCtrl">

  ...

  <button type="button"
      btn-click="LightboxCtrl.myNewFunction(Lightbox.image)"
      class="btn btn-danger">Do something</button>

  ...

</div>

And write the controller separately:

angular.module('app').controller('LightboxCtrl', function () {
  $scope.myNewFunction = function (image) {
    // Do something with image
  };
});

I'll add a real example/demo to the docs.

[compact]

See here: http://compact.github.io/angular-bootstrap-lightbox/demo3/index.html

[skirjak]

workaround with decorator

function LightboxController($scope) {
    // own stuff
};
LightboxController.$inject = ['$scope'];

module.config(['$provide', function ($provide) {
    $provide.decorator('lightboxSrcDirective', function ($delegate) {
        var directive = $delegate[0];
        directive.controller = LightboxController;
        return $delegate;
    });
}]);

[fernandojsg]

Perfect! Thank you very much