angular: [4.0.0-rc.3]: Animations easing not working at all

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior Easing doesn’t work. I’m using cubic-bezier in my angular app, but i get a linear ease.

Expected behavior That easing works just like ng2.

Minimal reproduction of the problem with instructions http://embed.plnkr.co/G8JdPc8f9hQcA9OGCO6k/

@Component({
	animations: [
		trigger("drawerOpened", [
			state("yes", style({ display: "block", transform: "translate3d(0, 0, 0)" })),
			state("no-left", style({ display: "none", transform: "translate3d(-100%, 0, 0)" })),
			state("no-right", style({ display: "none", transform: "translate3d(100%, 0, 0)" })),
			transition("* => yes", animate("240ms cubic-bezier(0.0,0.0,0.2,1.0)")),
			transition("yes => *", animate("240ms cubic-bezier(0.4,0.0,1.0,1.0)"))
		])
	],
	selector: "id-navigation-drawer",
	templateUrl: "./navigation-drawer.component.html",
	styleUrls: ["./navigation-drawer.component.scss"]
})

What is the motivation / use case for changing the behavior? It worked in ng2.

Please tell us about your environment: Windows, PHPStorm Public Preview and @angular/cli for serving to Google Chrome.

  • Angular version: 4.0.0-rc.3
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

  • Language: [all | TypeScript X.X | ES6/7 | ES5]

  • Node (for AoT issues): node --version =

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Reactions: 2
  • Comments: 27 (9 by maintainers)

Commits related to this issue

Most upvoted comments

Another example from docs;

  animations: [
    trigger('heroState', [
      state('inactive', style({
        backgroundColor: '#eee',
        transform: 'scale(1)'
      })),
      state('active',   style({
        backgroundColor: '#cfd8dc',
        transform: 'scale(1.1)'
      })),
      transition('inactive => active', animate('100ms ease-in')),
      transition('active => inactive', animate('100ms ease-out'))
    ])
  ]

To replicate increase 100ms to 500ms.

If you try to switch states quickly with a quick button click, following error happens.

ERROR TypeError: Failed to execute 'animate' on 'Element': 'undefined' is not a valid value for easing
    at WebAnimationsPlayer._triggerWebAnimation (eval at 237 (http://localhost:8080/app.js:63:1), <anonymous>:2188:35)
    at WebAnimationsPlayer.init (eval at 237 (http://localhost:8080/app.js:63:1), <anonymous>:2171:29)
    at InjectableAnimationEngine.DomAnimationEngine._queuePlayer (eval at 237 (http://localhost:8080/app.js:63:1), <anonymous>:1505:16)
    at InjectableAnimationEngine.DomAnimationEngine.animateTransition (eval at 237 (http://localhost:8080/app.js:63:1), <anonymous>:1427:14)
    at InjectableAnimationEngine.DomAnimationEngine.setProperty (eval at 237 (http://localhost:8080/app.js:63:1), <anonymous>:1298:18)
    at AnimationRenderer.setProperty (eval at 239 (http://localhost:8080/app.js:71:1), <anonymous>:225:26)
    at DebugRenderer2.setProperty (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12902:23)
    at setElementProperty (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9301:19)
    at checkAndUpdateElementValue (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9217:13)
    at checkAndUpdateElementInline (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9155:24)
    at checkAndUpdateNodeInline (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11746:23)
    at checkAndUpdateNode (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11721:16)
    at debugCheckAndUpdateNode (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12344:59)
    at debugCheckRenderNodeFn (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12323:13)
    at Object.eval [as updateRenderer] (ng:///PanelModule/Panel.ngfactory.js:294:5)
    at Object.debugUpdateRenderer [as updateRenderer] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12308:21)
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11693:14)
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17)
    at execComponentViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11949:13)
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11694:5)
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17)
    at execComponentViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11949:13)
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11694:5)
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17)
    at execEmbeddedViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11975:17)
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11689:5)
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17)
    at execComponentViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11949:13)
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11694:5)
    at callWithDebugContext (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12653:42)
    at Object.debugCheckAndUpdateView [as checkAndUpdateView] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12209:12)
    at ViewRef_.detectChanges (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9817:63)
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4993:63)
    at Array.forEach (native)
    at ApplicationRef_.tick (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4993:25)
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4873:106)
    at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:365:26)
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37)
    at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:364:32)
    at Zone.run (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:125:43)
    at NgZone.run (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:3948:62)
    at Object.next (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4873:82)
    at SafeSubscriber.schedulerFn [as _next] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:3789:52)
    at SafeSubscriber.__tryOrUnsub (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:234:16)
    at SafeSubscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:183:22)
    at Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26)
    at Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18)
    at EventEmitter.Subject.next (eval at <anonymous> (http://localhost:8080/vendor.js:51:1), <anonymous>:55:25)
    at EventEmitter.emit (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:3775:76)
    at NgZone.checkStable (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4044:40)
    at NgZone.onLeave (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4120:14)
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4073:27)
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:397:36)
    at Zone.runTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:165:47)
    at HTMLAnchorElement.ZoneTask.invoke (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:460:38)
    at ____________________Elapsed_6467_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at HTMLAnchorElement.addEventListener (eval at createNamedFn (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1)), <anonymous>:3:43) [angular]
    at DomEventsPlugin.addEventListener (eval at <anonymous> (http://localhost:8080/vendor.js:154:1), <anonymous>:3014:17) [angular]
    at EventManager.addEventListener (eval at <anonymous> (http://localhost:8080/vendor.js:154:1), <anonymous>:2395:23) [angular]
    at DefaultDomRenderer2.listen (eval at <anonymous> (http://localhost:8080/vendor.js:154:1), <anonymous>:2880:36) [angular]
    at AnimationRenderer.listen (eval at 239 (http://localhost:8080/app.js:71:1), <anonymous>:251:30) [angular]
    at DebugRenderer2.listen (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12917:30) [angular]
    at listenToElementOutputs (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9124:66) [angular]
    at createViewNodes (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11612:17) [angular]
    at createEmbeddedView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11533:5) [angular]
    at callWithDebugContext (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12653:42) [angular]
    at Object.debugCreateEmbeddedView [as createEmbeddedView] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12202:12) [angular]
    at TemplateRef_.createEmbeddedView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9903:38) [angular]
    at ViewContainerRef_.createEmbeddedView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9699:52) [angular]
    at NgIf._updateView (eval at <anonymous> (http://localhost:8080/vendor.js:184:1), <anonymous>:1937:45) [angular]
    at NgIf.set [as ngIf] (eval at <anonymous> (http://localhost:8080/vendor.js:184:1), <anonymous>:1896:18) [angular]
    at updateProp (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:10672:37) [angular]
    at checkAndUpdateDirectiveInline (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:10356:19) [angular]
    at checkAndUpdateNodeInline (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11753:17) [angular]
    at checkAndUpdateNode (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11721:16) [angular]
    at debugCheckAndUpdateNode (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12344:59) [angular]
    at debugCheckDirectivesFn (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12284:13) [angular]
    at Object.View_Panel_0.comp [as updateDirectives] (ng:///PanelModule/Panel.ngfactory.js:285:5) [angular]
    at Object.debugUpdateDirectives [as updateDirectives] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12269:21) [angular]
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11688:14) [angular]
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17) [angular]
    at execComponentViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11949:13) [angular]
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11694:5) [angular]
    at callViewAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12003:17) [angular]
    at execComponentViewsAction (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11949:13) [angular]
    at checkAndUpdateView (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:11694:5) [angular]
    at callWithDebugContext (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12653:42) [angular]
    at Object.debugCheckAndUpdateView [as checkAndUpdateView] (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:12209:12) [angular]
    at ViewRef_.detectChanges (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:9817:63) [angular]
    at RouterOutlet.activateWith (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:5273:42) [angular]
    at ActivateRoutes.placeComponentIntoOutlet (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4472:16) [angular]
    at ActivateRoutes.activateRoutes (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4453:26) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4389:58) [angular]
    at Array.forEach (native) [angular]
    at ActivateRoutes.activateChildRoutes (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4389:29) [angular]
    at ActivateRoutes.activateRoutes (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4459:22) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4389:58) [angular]
    at Array.forEach (native) [angular]
    at ActivateRoutes.activateChildRoutes (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4389:29) [angular]
    at ActivateRoutes.activate (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:4363:14) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:417:1), <anonymous>:3981:22) [angular]
    at SafeSubscriber.eval [as _next] (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:93:25) [angular]
    at SafeSubscriber.__tryOrUnsub (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:234:16) [angular]
    at SafeSubscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:183:22) [angular]
    at Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26) [angular]
    at Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ScalarObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:356:1), <anonymous>:49:24) [angular]
    at ScalarObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ScalarObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ReduceSubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:263:1), <anonymous>:119:30) [angular]
    at ReduceSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at MergeMapSubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:135:30) [angular]
    at MergeMapSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at ArrayObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:116:1), <anonymous>:116:24) [angular]
    at ArrayObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ArrayObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MergeMapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:85:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at ReduceOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:263:1), <anonymous>:74:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at EverySubscriber.notifyComplete (eval at <anonymous> (http://localhost:8080/vendor.js:567:1), <anonymous>:53:26) [angular]
    at EverySubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:567:1), <anonymous>:70:14) [angular]
    at EverySubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at MergeMapSubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:135:30) [angular]
    at MergeMapSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at ArrayObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:116:1), <anonymous>:116:24) [angular]
    at ArrayObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ArrayObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MergeMapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:85:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at EveryOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:567:1), <anonymous>:33:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ScalarObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:356:1), <anonymous>:49:24) [angular]
    at ScalarObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ScalarObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ScalarObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:356:1), <anonymous>:49:24) [angular]
    at ScalarObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ScalarObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at CatchSubscriber.Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26) [angular]
    at CatchSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at LastSubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:588:1), <anonymous>:110:25) [angular]
    at LastSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at MergeAllSubscriber.notifyComplete (eval at <anonymous> (http://localhost:8080/vendor.js:209:1), <anonymous>:105:30) [angular]
    at InnerSubscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:30:21) [angular]
    at InnerSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at MapSubscriber.Subscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:132:26) [angular]
    at MapSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at CatchSubscriber.Subscriber._complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:132:26) [angular]
    at CatchSubscriber.Subscriber.complete (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:114:18) [angular]
    at FirstSubscriber._emitFinal (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:136:25) [angular]
    at FirstSubscriber._emit (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:118:14) [angular]
    at FirstSubscriber._tryPredicate (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:110:18) [angular]
    at FirstSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:94:18) [angular]
    at FirstSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeAllSubscriber.OuterSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:21:1), <anonymous>:19:26) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at CatchSubscriber.Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26) [angular]
    at CatchSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at CatchSubscriber.Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26) [angular]
    at CatchSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at FirstSubscriber._emitFinal (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:135:25) [angular]
    at FirstSubscriber._emit (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:118:14) [angular]
    at FirstSubscriber._tryPredicate (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:110:18) [angular]
    at FirstSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:94:18) [angular]
    at FirstSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeAllSubscriber.OuterSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:21:1), <anonymous>:19:26) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at CatchSubscriber.Subscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:125:26) [angular]
    at CatchSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:17:25) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ScalarObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:356:1), <anonymous>:49:24) [angular]
    at ScalarObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ScalarObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MergeMapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:85:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at CatchOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:539:1), <anonymous>:79:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeAllSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:209:1), <anonymous>:85:42) [angular]
    at MergeAllSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at ScalarObservable._subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:356:1), <anonymous>:49:24) [angular]
    at ScalarObservable.Observable._trySubscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:57:25) [angular]
    at ScalarObservable.Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:45:27) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at MergeAllOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:209:1), <anonymous>:63:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at FirstOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:581:1), <anonymous>:70:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at CatchOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:539:1), <anonymous>:79:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at MapOperator.call (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:54:23) [angular]
    at Observable.subscribe (eval at <anonymous> (http://localhost:8080/vendor.js:6:1), <anonymous>:42:22) [angular]
    at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/vendor.js:28:1), <anonymous>:22:27) [angular]
    at MergeMapSubscriber._innerSub (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:130:38) [angular]
    at MergeMapSubscriber._tryNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:127:14) [angular]
    at MergeMapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:110:18) [angular]
    at MergeMapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MapSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:202:1), <anonymous>:83:26) [angular]
    at MapSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at MergeMapSubscriber.notifyNext (eval at <anonymous> (http://localhost:8080/vendor.js:391:1), <anonymous>:143:30) [angular]
    at InnerSubscriber._next (eval at <anonymous> (http://localhost:8080/vendor.js:944:1), <anonymous>:23:21) [angular]
    at InnerSubscriber.Subscriber.next (eval at <anonymous> (http://localhost:8080/vendor.js:14:1), <anonymous>:89:18) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:497:1), <anonymous>:66:36) [angular]
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_93_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:760:17) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_164_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:831:25) [angular]
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_1_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:831:25) [angular]
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_0_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:760:17) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_0_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:654:33) [angular]
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_0_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:760:17) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_1_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:760:17) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_0_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at DirectiveNormalizer._loadMissingExternalStylesheets (eval at <anonymous> (http://localhost:8080/vendor.js:770:1), <anonymous>:12833:14) [angular]
    at DirectiveNormalizer.normalizeExternalStylesheets (eval at <anonymous> (http://localhost:8080/vendor.js:770:1), <anonymous>:12804:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/vendor.js:770:1), <anonymous>:12738:120) [angular]
    at Object.onInvoke (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4079:37) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
    at ____________________Elapsed_0_ms__At__Tue_Mar_21_2017_17_29_32_GMT_0300___03_ (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:128:37) [<root>]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2702:1), <anonymous>:104:18) [angular]
    at Object.onScheduleTask (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:274:29) [angular]
    at resolvePromise (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:707:21) [angular]
    at eval (eval at <anonymous> (http://localhost:8080/polyfills.js:2708:1), <anonymous>:760:17) [angular]
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:8080/vendor.js:44:1), <anonymous>:4070:37) [angular]
+2
cagataycivici on Mar 21, 2017

solution is import { NoopAnimationsModule } from '@angular/platform-browser/animations'; and add it to imports:[]

but must be included by default

+2
deerua on Mar 13, 2017

Following code (based on official docs) that works with 2.x still fails with 4.0.RC5, easings do not happen;

    animations: [
        trigger('panelContent', [
            state('hidden', style({
                height: '0px'
            })),
            state('visible', style({
                height: '*'
            })),
            transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
            transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
        ])
    ]

Also with RC5, if I change the state quickly again before 400ms, like clicking quickly to run the anim.

ERROR TypeError: Failed to execute 'animate' on 'Element': 'undefined' is not a valid value for easing

So RC5 kinda made this worse.

+1
cagataycivici on Mar 21, 2017

@nicky-lenaers Sure, copied this from my app.

@Component({
	animations: [
		trigger("drawerOpened", [
			state("yes", style({ display: "block", transform: "translate3d(0, 0, 0)", easing: "cubic-bezier(0.4, 0.0, 1.0, 1.0)" })),
			state("no-left", style({ display: "none", transform: "translate3d(-100%, 0, 0)", easing: "cubic-bezier(0.0, 0.0, 0.2, 1.0)" })),
			state("no-right", style({ display: "none", transform: "translate3d(100%, 0, 0)", easing: "cubic-bezier(0.0, 0.0, 0.2, 1.0)" })),
			transition("* => yes", animate(340)),
			transition("yes => *", animate(240))
		])
	],
	host: {
		"[class.id-component]": "true",
		"[class.id-navigation-drawer]": "true"
	},
	selector: "id-navigation-drawer",
	templateUrl: "./navigation-drawer.component.html",
	styleUrls: ["./navigation-drawer.component.scss"]
})
+1
basmilius on Mar 17, 2017
Read more comments on GitHub
← angular: 4.0.0-Rc.1 AnimationsModule not found / exported in @angular/animations
angular: [4.0.0-rc.4] isPlatformBrowser(PLATFORM_ID) not returning correct platform →