title: ngx-bootstrap carousel pause on hover being lost when clicking next/prev buttons
body: <p>I have an angular5 app with a page implementing the ngx-bootstrap carousel component using the default [noPause] property to pause the scrolling through images actions, which is working fine. </p>
  
  <p>When I click through the slides using the next or previous button controls the slide's auto scroll starts up again so the carousel skips through two images at a time with each click, so the fact the mouse is over the carousel is ignored.</p>
  
  <p>The demo version of the carousel seems to have a similar issue (<a href="https://valor-software.com/ngx-bootstrap/#/carousel#pause-on-hover" rel="nofollow noreferrer">https://valor-software.com/ngx-bootstrap/#/carousel#pause-on-hover</a>) but i'm not sure if it's possible to re-set the noPause value when clicking through slide? Not sure if anyone would know if this is possible?</p>
  
  <p>This is my implementation of the carousel:</p>
  
  <pre><code>&lt;carousel [noPause]="false"&gt;
    &lt;slide *ngFor="let item of carouselItems"&gt;
      &lt;img [src]="item.mediaFileURL | safeUrl" /&gt;
    &lt;/slide&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>Thanks</p>