Hi Shawn, I will have a look at this in the morning. I think you will need to create a directive that allows them to be chained somehow. This will allow the collection to animate one after the other using promises (just an idea at the moment).
I have implemented a very basic update that will allow the CSS to be altered by using events.. you can then set the correct CSS from the animate.css file.. Note: As this will be very quick I think that a simple event to toggle would be enough to give the affect you are looking for. the following is just me messing around but it might give to another approach to this. I will have a look at a directive tomorrow. http://jsfiddle.net/Yxjr3/1/ Regards, Garry Taylor On Sunday, 18 May 2014 01:05:18 UTC+1, Shawn Shaw wrote: > > http://jsfiddle.net/Shawful/HB7LU/3670/ > > This jsfiddle shows as far as I can take my code right now without getting > confused. I would like to add a class (fadeOut) before the > {{student.grade}} changes, then let the {{student.grade}} change, and > lastly remove the fadeOut class and add the fadeIn class. That way there > is a nice little animation after each change to the class's grades from a > curve (button click). If possible, I would like to add a cascading effect > so that the animations occur first to John's grade, and then to Sally's, > and so on, down the list of students in the array. > > Now I know that directives should be used to manipulate the DOM. Since I > would like to add classes to the div with ID="grades" to add animate.css > animations, should I still be using a directive? Can't I just add and > remove classes in the controller? I'm 98% sure I should be doing this in a > directive, but I haven't found a good example online. What's the best > angular approach? And could someone please post a directive that could > resolve this issue? > > > On Fri, May 16, 2014 at 12:13 PM, Shawn Shaw <[email protected]<javascript:> > > wrote: > >> Yes, I will do that as soon as I can, probably tonight. >> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "AngularJS" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/angular/Diegpv3I8ew/unsubscribe. >> To unsubscribe from this group and all its topics, send an email to >> [email protected] <javascript:>. >> To post to this group, send email to [email protected]<javascript:> >> . >> Visit this group at http://groups.google.com/group/angular. >> For more options, visit https://groups.google.com/d/optout. >> > > -- 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.
