Photoswipe: Integration with angularjs

[dbuarque]

Hi, i have tried to integrate photoswipe and angularjs but at the moment i have found some problems.

When i click in an image Photoswipe rewrite the url adding an anchor to current url

Current URL:
http://localhost:8000/#/view2

After Click:
http://localhost:8000/#/view2#PhotoSwipe1375822623328

When i click in an image Photoswipe rewrite the url adding an anchor to current url.
AngularJs uses # to create routes and when a route is not found it try to redirect to another url.

This problem not occurs in chrome, i don't know why.

I would like to know if is possible remove this behaviour of PhotoSwipe or if someone have a trick.

Regards!

[dbuarque]

The solution to this problem was use the option:

backButtonHideEnabled: false

[neoswf]

THANK YOU @dbuarque. Thank you, Thank you!!!!!!
God bless you my friend, and bring you lots of kids and luck. You just saved me hours of debugging. Thank you so much for sharing this solution!!!

[mauriciosoares]

Hahahahahahah, thanks @dbuarque !!! I had the same problem, and this solved it like a charm!!!

[kkaleelullah]

hi, i have the same angular problem. where to use "backButtonHideEnabled: false" to fix it?

[mauriciosoares]

when you call the function

$('a'). photoSwipe({backButtonHideEnabled: false});

:)

[surfbuds]

Excellent. It also saved me hours of debugging, thanks!

[dbuarque]

Cool!

[alidawud]

Thank you soooo much!!!

[2013gang]

Do you think it is worth to have a angular version repo?

[thesafetylemur]

For those who are stumbling across this now or in the future, it looks like the "backButtonHideEnabled" has been replaced with "history":
{history: false}

[nozreh]

Hi any sample code for this? been looking to implement this the right way in Angular

[luismanuel001]

any angular directive for photoswipe?

[Patrick-Fieger]

Thanks guys, saved me hours too :+1:

[maxime1992]

@dbuarque can you share your implementation within Angular ? :smile:

[mutac]

var options = {history: false}
:+1: :beers:

Passing this option in while instantiating a new PhotoSwipe is important if you are adding a photoswipe instance inside of an angular route partial. If photoswipe is initialized by the controller of a route (or if you attach a controller to the 'pswp' div, the URL re-write will cause the controller to be created over and over again, which could result in something like this: Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

[diogomachado]

Thanks @thesafetylemur!