Create slide effect using AngularJS?

Question

I am new to AngularJS framework and I am trying to get slide effect same as jQuery provides, I did google too much but didn't find anything related to it. So if any one has any idea about that please guide me to achieve that thank you.

Christophe L · Accepted Answer · 2013-07-01T17:16:20.367

5

You might find AngularUI useful if you want to animate DOM object insertion (check the animate directive).

---- Update -----

Newer versions of Angular (1.1.4+ I believe) add a ngAnimate directive especially made for adding CSS animation to Angular apps. Check the offical docs (http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngAnimate) or http://www.nganimate.org/.

edited Jul 01 '13 at 17:16

answered Nov 18 '12 at 19:10

Christophe L

13,725
6
33
33

score 2 · Answer 2 · answered Nov 18 '12 at 19:06

2

You can (and should) use the jQuery slide, but wrap it in an angular directive. Check the docs about directives and also this video.

answered Nov 18 '12 at 19:06

Roy Truelove

22,016
18
111
153

score 1 · Answer 3 · edited May 23 '17 at 12:30

1

In general, you should not be using jQuery directly with Angular, even in directives. It is a last resort. Here is another good post on the topic here on SO.

"Thinking in AngularJS" if I have a jQuery background?

edited May 23 '17 at 12:30

Community

1
1

answered May 10 '13 at 19:19

Ron

353
3
7

2

I think the jury is still out on wrapping jquery on directives. – Arturo Hernandez Nov 20 '13 at 22:55
Link doesn't really apply to this. OP is asking for a specific case. Do you have a solution? – Josh Noe May 25 '14 at 00:14

score -1 · Answer 4 · answered Jan 04 '15 at 08:28

-1

In my humble opinion ui.bootstrap covers this issue, for instance this basic example http://surecode.me

answered Jan 04 '15 at 08:28

Kirill Shur

280
2
4

Create slide effect using AngularJS?

4 Answers4