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]> 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].
> 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.
>
--
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.
