title: ng5-slider: Dragging pointers not moving when used in a Angular reactive form
body: <p>When I use the slider in a reactive form with a component that has <code>ChangeDetectionStrategy.OnPush</code> the slider pointers do not move even though the numbers do update.</p>
  
  <p>This is my code for the component:</p>
  
  <pre><code>import { Component, AfterContentChecked, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';
  import { Options } from 'ng5-slider';
  import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
  
  
  @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.scss' ],
    changeDetection: ChangeDetectionStrategy.OnPush
  })
  export class AppComponent  {
  
    form: FormGroup = new FormGroup({
      sliderControl: new FormControl([20, 80])
    });
  
    options: Options = {
      floor: 0,
      ceil: 100,
      showOuterSelectionBars: true
    }
  
    minValue = 20;
    maxValue = 80;
  }
  
  </code></pre>
  
  <pre><code>&lt;div class="custom-slider" [formGroup]="form"&gt;
    &lt;ng5-slider 
      formControlName="sliderControl"
      [options]="options" 
    &gt;
    &lt;/ng5-slider&gt;
  &lt;/div&gt;
  
  
  &lt;div class="custom-slider"&gt;
      &lt;ng5-slider [(value)]="minValue" [(highValue)]="maxValue" [options]="options"&gt;&lt;/ng5-slider&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see I have also tried with a template form as well where the slider does update.  You can see the full example here on <a href="https://stackblitz.com/edit/ng5-slider-static-pointers" rel="nofollow noreferrer">StackBlitz</a></p>