CSS class helper (Angularjs)

Question

I use this module https://github.com/rpocklin/angular-scroll-animate

i try create new attribute when-visible-class="animated fadeInUp" but i get error Directive: angular-scroll-animate 'when-visible' attribute must specify a function.

Please see module https://github.com/rpocklin/angular-scroll-animate

jsfiddle: jsfiddle.net/jgh9yumx/

Rafa Suàrez Aguilar · Accepted Answer · 2016-03-20 00:07:35Z

0

The error that you obtain is because the attribute when-visible isn't a function. You need only see the code of angular-scroll-animate:

if (!scope.whenVisible || !angular.isFunction(scope.whenVisible())) {
    throw new Error('Directive: angular-scroll-animate \'when-visible\' attribute must specify a function.');
}

If you want to pass a string use '@', the '&' is only for functions.

In the next code extracted from the angular-scroll-animate, you can see that the whenVisible is a function.

scope: {
    whenVisible: '&',
    whenNotVisible: '&?',
    delayPercent: '=?',
    bindScrollTo: '@?'
}

edited Mar 20, 2016 at 0:07

answered Mar 19, 2016 at 23:59

Rafa Suàrez Aguilar

559 bronze badges

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

5 Comments

ratattapba Over a year ago

i'm already use @ for new attribute (whenVisibleClass: '@') In my html i set <div when-visible when-visible-class="fadeIn"></div> and i remove (!) in (if (scope.whenVisible || !angular.isFunction(scope.whenVisible())) ) but still showing error

Rafa Suàrez Aguilar Over a year ago

In your html <div when-visible when-visible-class="fadeIn"></div> you need to set the when-visible attribute with a function and don't remove the !

ratattapba Over a year ago

but i was create new attribute whenVisibleClass: '@' and i set when-visible without function because it name directive please see jsfield jsfiddle.net/jgh9yumx/

Rafa Suàrez Aguilar Over a year ago

But the when-visible attribute need the function mandatory. If you remove the function of when-visible attribute in your jsfiddle, you can see the same error..

Rafa Suàrez Aguilar Over a year ago

Read the official notes of the directive: angular-scroll-animate , the first point.

Collectives™ on Stack Overflow

CSS class helper (Angularjs)

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related