Angular-animate, ng-show/ng-hide exception


#1

for every ng-show and ng-hide, I’m having a Uncaught TypeError: object is not a function exception in angular-animate.js:992. The values for ng-show\ng-hide properly declared on the scope. The failing piece of code in angular-animate.js:992 is bellow:

        $$asyncCallback(function() {
          doneCallback();
        });

when doneCallback is Object {tempClasses: "ng-hide-animate"}.
Using Ionic 1.0.0-beta.14 with angular 1.2.17/1.3.8 (tried with both versions)

Will appreciate some advice…


#2

Ok, my problem was because I used 1.3.x angular and 1.2.x angular-animate.
solved


#3

Hi @leonprou,

I encountered a similar problem:

I tried to add animation to a button on ng-show="true" to a button element but it doesn’t work:

/* when showing the picture */
.ng-hide-remove      { animation:0.5s flipInX ease; }

/* ANIMATIONS (FROM ANIMATE.CSS) ======================== */
/* flip in */
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
    transform: perspective(400px);
    transform: perspective(400px);
  }
}

what could go wrong here? It works fine on Desktop Mozilla Firefox browser though.


#4

Hey,
Are your angular and angular animate versions match?
This was my problem


#5

I got it working. Thank you!


#6

Thank you Mr… Yes it is version problem only… Must be match same versions of our angular and angular-animate libraries…