ng2-nouislider icon indicating copy to clipboard operation
ng2-nouislider copied to clipboard

Add missing input "animate"

Open gluix opened this issue 7 years ago • 1 comments

Add missing input "animate" and set it inside "inputsConfig".

gluix avatar Nov 24 '17 09:11 gluix

We can set animate in config and it works well, so I am not sure if this is necessary.

<nouislider class="animated" [config]="sliderConfig6" [(ngModel)]="model6"></nouislider>
<nouislider [config]="sliderConfig7" [(ngModel)]="model7"></nouislider>
<button (click)="onAnimateClick()">Animate</button>
  model6 = 20;
  public sliderConfig6: any = {
    animate: true,
    animationDuration: 1000,
    range: {
      min: 0,
      max: 100
    }
  }
  
  model7 = 20;
  public sliderConfig7: any = {
    animate: false,
    range: {
      min: 0,
      max: 100
    }
  }

  onAnimateClick() {
    this.model6 = 50;
    this.model7 = 50;
  }
.animated .noUi-state-tap .noUi-origin {
    -webkit-transition: 1s;
    transition: 1s;
}

kiqq avatar Nov 25 '17 02:11 kiqq