AngularJS with JQuery Carousel like JCarousel

1,441 views
Skip to first unread message

Ash (@SoftwareWeaver)

unread,
Jul 18, 2012, 1:10:23 AM7/18/12
to ang...@googlegroups.com
Learning AngularJS and ran into this roadblock. What is the easy way to host a Jquery UI plugin like JCarousel? Would like to have multiple JCarousels in the same HTML page displayed.

When I added it via $(function () , it did not work because the JQuery load is being called first before my models are loaded via the rest api. Is there a way to hook up to an function that lets me know when the AngularJS template job is done and the JCarousel's scripts can take over.

Thx,
Ash

Ash

unread,
Jul 18, 2012, 6:15:37 PM7/18/12
to ang...@googlegroups.com
Is there any Carousel that works with AngularJS?

Thx,
Ash

Ash

unread,
Jul 18, 2012, 10:02:45 PM7/18/12
to ang...@googlegroups.com
Thanks Eddie.
I will try that.



On Wednesday, July 18, 2012 4:37:01 PM UTC-7, Eddie Huang wrote:
Standard approach is to create a angular directive that wraps the 3rd party widget.

Eg

<div my-carousel-directive="settings">

then in your directive linking function:

iElement.carousel(config);

softwarew...@gmail.com

unread,
Jul 18, 2012, 10:05:05 PM7/18/12
to ang...@googlegroups.com
Thanks Andy. Nice small component but I am looking for one that shows multiple images at a time.

On Wednesday, July 18, 2012 6:16:04 PM UTC-7, Andy Joslin wrote:
I've used swipeJS a few times on mobile apps. http://swipejs.com/
Reply all
Reply to author
Forward
0 new messages