Hi experts,

I'm new in angularJS and I try to create my first Android App. 

I have a list of DIVs, created with ngRepeat:


<ion-scroll zooming="true" direction="y" class="historyTableScroll" 
has-bouncing="true">

 <div id="item_{{playlist.id}}" class="singleItem repeat-animation"
 ng-repeat="playlist in playlists track by playlist.id"
 ng-class="{'new': playlist.status == 'new'}">
 <h1>({{$index}}) {{playlist.id}}. {{playlist.title}}</h1>
 </div>

</ion-scroll>

The class-attribute depends on the status from the playlist-array. 

If I push an new element to the array, it will get the class='new'. Now, if 
the users scrolls down the list, I want to know when a <DIV class='new' 
...> comes to the viewport. If the DIV is visible in the viewport, I want 
to change the class to 'open': <DIV class='open' ...>

I think this should be easily possible with directives, but I have no clue 
how! :-(

It would be great, if somebody could assist me!!!

Thanks in advance!
Alex

-- 
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/d/optout.

Reply via email to