Angular animate runner is undefined

I'm having a non-critical issue with my angular app. I have a simple search field in a form, and when I press enter to submit, I get an exception in angular.js line 12007 (AngularJS v1.4.0-rc.0):

TypeError: Cannot read property 'end' of undefined at VM2885 angular-animate.js:2209 at forEach (angular.js:332) at closeChildAnimations (VM2885 angular-animate.js:2202) at queueAnimation (VM2885 angular-animate.js:2048) at Object.$$AnimateQueueProvider.$get.push (VM2885 angular-animate.js:1943) at Object.$AnimateProvider.$get.leave (angular.js:5017) at cleanupLastView (angular-route.js:913) at angular-route.js:942 at publicLinkFn (angular.js:7199) at $get.boundTranscludeFn (angular.js:7345)

The reason for this is the closeChildAnimations function in angular-animate.js:

function closeChildAnimations(element) { var node = element[0]; var children = node.querySelectorAll('[' + NG_ANIMATE_ATTR_NAME + ']'); forEach(children, function(child) { var state = parseInt(child.getAttribute(NG_ANIMATE_ATTR_NAME)); var animationDetails = activeAnimationsLookup.get(child); switch (state) { case RUNNING_STATE: //HACK: Added check here as it breaks on form submit on the search page otherwise if(animationDetails.runner !== undefined) animationDetails.runner.end(); /* falls through */ case PRE_DIGEST_STATE: if (animationDetails) { activeAnimationsLookup.remove(child); } break; } }); }

I have added the if statement as a temporary hack. It seems that one of the elements in the activeAnimationsLookup does not have a runner member.

Is this something that should be reported to angular team, or am I missing something here? Adding the if statement works, but I'm not happy editing a relatively stable framework such as angular.

-------------Problems Reply------------

It was a bug in ng-animate that was fixed as discussed in https://github.com/angular/angular.js/issues/11658 as Phil mentioned.

Closing this question.

Category:javascript Views:1 Time:2018-02-12

Related post

  • Angular JS Karma Testing 'undefined' is not a function (evaluating 'ngModel.$setViewValue(undefined)') 2014-09-19

    I am trying to test a directive and I keep getting TypeError: 'undefined' is not a function (evaluating 'ngModel.$setViewValue(undefined)') What am I doing wrong? The directive is to clear hidden details: testApp.directive("clearhidden", [ '$compile'

  • Drag & Drop in Ionic/Angular app: `e.gesture` undefined, and using two different Controllers for Drag and Drop 2014-12-29

    I'm building an app that needs to feature Drag & Drop as an interaction mode. Specifically, imagine an Ionic Side Menu, containing an <ion-list> of people. Any one of these people in the list should be able to be dragged and dropped into a

  • Angular animate + $templateCache 2014-01-16

    I have SPA which uses ngAnimate. If this app works without $templateCache animation work fine, but if I try to load templates from $templateCache animation does not work. Maybe if application uses $templateCache need add some config... How can I fix

  • Error In Getting AngulaJS + Angular AMD + RequireJS to Work with Karma and Jasmine 2014-08-16

    I ma trying to add Karma & Jasmine+Require Js based Unit testing support for an AngularJS +Angular AMD & RequireJS Application that I have created. I have been wrecking my brain around this for two days now but I am still nowhere close to sea

  • AngularJS nested views not showing when using angular route segment 2013-08-30

    I am using nested views in a mobile app. I am trying to use this module: http://ngmodules.org/modules/angular-route-segment But i can see the templates getting loaded via XHR but nothing appears on page. I am not sure that the controllers are being l

  • Managing bower file with Angular files 2014-01-07

    Ok, I think that this is an easy question. I am new to Bower, and I am trying to keep my bower.json file in sync with the multiple libraries that Angular now provides. I am using angular-resource, angular-cookies, angular-sanitize, angular-animate, a

  • how to include ngAnimate dependency in angular with yeoman 2014-04-01

    I am create an angular application using the combination of yeoman, gruntjs and bower. I installed my angular app with yo angular myapp and then added few dependencies with bower and finally I would run grunt server and start working. Only when I try

  • How to use ng-leave-stagger with AngularJS Animate 2014-04-29

    I'm exploring animation in AngularJS and I've run into a problem getting the staggered CSS animations to work. It works fine when new items are added, but when multiple items are removed at the same time, items are removed from inside the collection

  • Bower styles are not included in Yeoman Angular project 2014-06-28

    I am completely new to Yeoman so I am still figuring out the workflow. When I set up my application using yo angular it prompted to pick my options. I wanted to use Sass Twitter Bootstrap and Compass so I included it in my project. At the bottom of t

  • Angular File Upload directive not updating controller model 2014-11-24

    I am attempting to follow this [tutorial] but can't get it working. My Angular controller is logging undefined for a model created in my directive. Here is a [JSFiddle] of it working created my author of tutorial. The problem is the view can find $sc

  • Angular Files Not Loading From Bower 2014-12-23

    I've installed some AngularJS components via Bower on a Gulp project of mine, but for some reason I can't seem to get them to load alongside my document. This is what I've installed. "angular": "^1.3.0", "angular-animate": "^1.3.0", "angular-cookies"

  • Angular UI Bootstrap Respopnsive navbar Dropdown not working Properly in New Version 2015-02-23

    I just created an AngularJS project with grunt bower and Yeoman. Included Updated version to Angular 1.3.13. I want to use Angular UI bootstrap. I added Nav Bar which is responsive. But while on small screens, the drop down doesn't seem to work. When

  • injecting angular ui bootstrap into app.js, but the datepicker is not showing in view 2017-07-16

    I'm trying to configure a datepicker using the angular-ui-bootstrap plugin. I've downloaded and installed everything ok, but now the datepicker isn't showing in my view. I'm not getting any errors - it just doesn't render out in the view. I'm new to

  • Can someone explain javascript prototypal inheritance 2009-11-09

    I wonder if someone could be kind enough to explain the function.prototype thingie (thingie!!??) in OO javascript. I come from a server side programming background, and may be I am not grasping the whole concept of prototypes, Given the following sni

  • Error to include dependency in Angularjs with Requirejs 2014-03-19

    frontend part of service on Angularjs, now I try to configure it to work with Requirejs. I need to resolve dependency in app.js 'application/services/P48Wallet' In P48Wallet.js I need to resolve Http.js define(['application/app', 'application/service

  • When making the distribution files for deploy my application in angularjs I get an error : 2015-03-13

    When making the distribution files for deploy my application I get an an error after the minification "Uncaught TypeError: Cannot read property 'redirectDefinition' of undefined" on app.js and "Uncaught TypeError: Cannot read property 'annotate' of u

  • angularjs chained fade-in / fade-out transition 2013-10-25

    I have looked at the official show/hide transition example at the bottom of this page... http://docs.angularjs.org/api/ng.directive:ngShow I have tried to modify it to get a seemless fade transition (transition: opacity 0.5s ease-in-out) from one div

  • AngularJs ng-if is not working for nested ng-if 2013-11-18

    In the code below the 2nd checkbox does not work when the 1st checkbox is clicked. http://plnkr.co/edit/JF0IftvWx7Ew3N43Csji?p=preview HTML: <html ng-app="App"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax

  • Node.js Heroku Deployment - Fails To Exec Postinstall Script To Install Bower 2013-12-29

    Deployment of my Node.js MEAN app to heroku fails with the following errors. I can't figure out what is wrong with the bower install... Here is the error message: 2606 info postinstall [email protected] 2607 verbose unsafe-perm in lifecycle true 2608 info Ap

  • AngularJS Hello World does not work 2014-04-29

    I'm getting started with AngularJS and surprisingly this super simple piece of code is not working. This page is served by expressJS with the hogan render engine. The console doesn't say anything and my file paths are all correct and double checked.

  • angularjs Failed to instantiate module 2014-09-26

    Just trying to create a plain AngularJS project. I have used AngularJS in previous projects, so I do not see what I am doing wrong. index.php <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>???</

  • Unit testing using Jasmine and Karma / AngularJS project 2015-01-19

    I am writing test cases using AngularJS with Jamsine. Working on mobile application using AngularJS and for UI using IONIC framework. So I am calling one of controller function from my spec.js for testing. Meantime, I am getting error like. Error: Un

  • Chrome dev tools network tab and base64 inlined fonts lag 2015-03-23

    For a site I'm building, I'm trying to get the absolute best performance possible via some inline font / async JS loading in the head. In order to get around the extra http requests and delayed load required by Typekit font loading, I've opted to bas

  • Issue with UI router and variables no longer being in the $scope after transitioning from one to another state 2016-04-12

    I have three states: one abstract state and two concrete states inheriting from the abstract one. I am transitioning from one state to another and I noticed that the variables that were in the $scope in one state are no longer in $scope after I have

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.236 (s). 11 q(s)