start a new countup while the old one did not finish problem about ngx-countup

[inorganik]

Well this did make me discover a bug in the way I handled ngOnChanges - so I pushed a patch - 7.1.1.

If you want to keep updating CountUp, you can do so just by updating the value you pass:

app.component.ts:

  newNum = 10;
  options = {
    useEasing: false,
    duration: 3
  }

  update() {
    this.newNum += 10;
    console.log('update', this.newNum);
  }

app.component.html:

<h2 [countUp]="newNum" [reanimateOnClick]="false" [options]="options" (complete)="update()"></h2>

https://stackblitz.com/edit/angular-countup-eygnty

[MUYUSY]

Well this did make me discover a bug in the way I handled ngOnChanges - so I pushed a patch - 7.1.1.

If you want to keep updating CountUp, you can do so just by updating the value you pass:

app.component.ts:

  newNum = 10;
  options = {
    useEasing: false,
    duration: 3
  }

  update() {
    this.newNum += 10;
    console.log('update', this.newNum);
  }

app.component.html:

<h2 [countUp]="newNum" [reanimateOnClick]="false" [options]="options" (complete)="update()"></h2>

https://stackblitz.com/edit/angular-countup-eygnty

Thanks very much, I got it. But mention that this can only use with the patch after 7.1, since I was using 7.0 which did not support.

[inorganik]

Yep, that ability was added in 7.1 (due to another issue). If your issue is resolved, can this be closed?

[MUYUSY]

Yep, thanks a lot.