Angular.js and PrettyPhoto (external modal popup library) help needed

[webster]

Hi all,

I'm working on a project with angular and I'm really struggling to
make my view and corresponding controller open up pretty photo modal
window when link is clicked (PrettyPhoto (documentation here
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/))

Sample pretty photo call from javascript:

$.prettyPhoto.open('images/fullscreen/
image.jpg','Title','Description');

Guess the scope is the problem. Is there any way to pass prettyphoto
to current controller so when I type $.prettyPhoto.open() it sees it.

Thanks all, so far it's been a pleasure using this framework.

[webster]

Forgot to mention, i'm using partials for the views, don't know if
that makes any difference.

[webster]

Guess the crucial part was $window, I accessed it with following:

$window.$.fn.prettyPhoto();

Not sure if it's the best way, but it did it. Just in case someone else is looking for something similar.

[Misko Hevery]

You should have a method in the controller called showPhoto and then in the view simply call that method. The ShowPhoto would then call the $.fn.prettyPhoto();

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/qedHgiBm8xMJ.

To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

[Matej Poklukar]

Hi webster, 

did you solve this problem? If yes, would you share your code? I'm facing sam problem and I cannot find solution...

Matej