What about an ng-if nested inside your repeater which shows or hides the 
<slide> element(s)?  You could do structure it like so:

<slideStart> <!-- or however you start your slider HTML -->

<div ng-repeat"whatever in data">

<div ng-bind="whatever"></div> 

<slideEnd ng-if="!($index mod 8)">

<slideStart ng-if="!($index mod 8)">

</div>

<slideEnd> <!-- or however you end your slider HTML --> 

 

Or instead of using a <div> for the repeater (since that would throw off 
the HTML for the slider elements) you might use the comment syntax (which I 
have not personally used, and so I don't want to mislead you with wrong 
syntax in this answer).

There may be a way to use the ng-repeat-start and ng-repeat-end directives, 
as well, if you are using a recent enough version of Angular.

Let me know if this helps!

Steve


On Monday, February 10, 2014 9:58:31 AM UTC-5, Michael Caputo wrote:
>
> I've got a bunch of data I would like to display in a sliding carousel 
> type layout. Ideally we would show 8 of these data points in each slide, so 
> that it would look something like this:
>
> Slide
>     datapoint 1
>     datapoint 2
>     datapoint 3
>     datapoint 4
>     datapoint 5
>     datapoint 6
>     datapoint 7Slide
>     datapoint 8
>     datapoint 9
>     datapoint 10
>     datapoint 11
>     etc etc...
>
> Now I know how to iterate over these datapoints using ng-repeat, however, 
> i'm not sure how I can iterate while grouping them into their own 
> respective groups.
>
> Currently i'm using ng-repeat="(index, master) in data" to iterate, but 
> obviously, this gives me a list of items without the grouping that i'm 
> after.
>
> I posted this on Stack Overflow, and was directed to 
> this<http://stackoverflow.com/questions/14462015/angular-grouping-filter> but 
> there seems to be a "10 $digest() iterations reached. Aborting" Bug where 
> it causes a bunch of errors.
>
>
> Anyone have any suggestions? I'd love to have a proper working filter that 
> can do this as it would make it easier to implement in other places.
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to