ngx-chips: animation error: The provided timing value "" is invalid.

I’m submitting a …

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request/question

Current behavior throws the error

ERROR Error: Unable to process animations due to the following failed trigger transitions
@animation has failed due to:
- Please provide a value for the animation param enter
- The provided timing value "" is invalid.

Expected behavior no errors

Minimal reproduction of the problem with instructions (if applicable) <tag-input [(ngModel)]="tags" ></tag-input>

What do you use to build your app? (SystemJS, Webpack, angular-cli, etc.). Please specify the version angular/cli: 1.0.0 node: 7.7.3

Angular version: ^4

ng2-tag-input version: “ngx-chips”: “^1.4.5”

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 29 (14 by maintainers)

Most upvoted comments

https://plnkr.co/edit/8Yl41KUksqOLNJQEypsM?p=preview

ngx-chips requires these peer deps:

import 'rxjs/add/observable/of';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/first';
import 'rxjs/add/operator/debounceTime';

Gbuomprisco on Aug 7, 2017

@Gbuomprisco 1.4.8 resolved the issue for me, thanks so much!

feliksg on Aug 6, 2017

@Gbuomprisco Would you be able to push this fix (85ddc7a6d5ef300eaaf37bf5cf4e5dae4b1626cf) up to npm please? I believe that resolves our issue.

feliksg on Jul 15, 2017

v1.4.8 is out - if anyone could check, it would be great!

Gbuomprisco on Aug 6, 2017

Can anyone provide a plunkr in which you reproduce this error? Reason: I am unable to reproduce with my local settings

My package.json:

"dependencies": {
    "@angular/animations": "^4.3.0",
    "@angular/common": "^4.3.0",
    "@angular/compiler": "^4.3.0",
    "@angular/core": "^4.3.0",
    "@angular/forms": "^4.3.0",
    "@angular/http": "^4.3.0",
    "@angular/platform-browser": "^4.3.0",
    "@angular/platform-browser-dynamic": "^4.3.0",
    "@angular/router": "^4.3.0",
    "@ngrx/core": "^1.2.0",
    "@ngrx/effects": "^2.0.4",
    "@ngrx/store": "^2.2.3",
    "core-js": "^2.4.1",
    "ngx-chips": "^1.4.7",
    "reselect": "^3.0.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  }

Another try: if you disable the animation, what happens? Try this:

<tag-input [ngModel]="['model']" [@.disabled]="true"></tag-input>

Gbuomprisco on Aug 4, 2017