How do I create an AngularJS directive based on another directive logic?

Question

I am pretty new to AngularJS and creating directives.

Lets say I wanted a "delayed ng-show", that means it should work like ng-show, but the element should be visible after 2 seconds as opposed to immediately the expression was fulfilled. I don't want to change the current behavior of ng-show, just to create a new ng-delayed-show directive.

Can anyone give me an example or link me to direct documentation on how to reuse or create a sub directive of another directive?

Chandermani · Accepted Answer · 2013-09-30 15:34:23Z

1

You do not need to create directive for this. You can very well do it using animation capabilities of AngularJS which internally uses CSS capability called easing.

Read documentation for ngshow and it's animation section here http://docs.angularjs.org/api/ng.directive:ngShow

Since i am not very familiar with it, this post can help you http://www.yearofmoo.com/2013/04/animation-in-angularjs.html#how-to-use-animations-in-angularjs

edited Sep 30, 2013 at 15:34

answered Sep 30, 2013 at 15:15

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

corgrath Over a year ago

I have read about ng-show, but I would rather want to know how to create a new directive based on another :-)

Collectives™ on Stack Overflow

How do I create an AngularJS directive based on another directive logic?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related