title: how to execute next after few seconds for a carousel in angular?
body: <p>I am using <a href="https://www.npmjs.com/package/ng2-carouselamos" rel="nofollow noreferrer">ng2-carouselamos</a> for a carousel to display with below code successfully.</p>
  
  <pre><code>&lt;div
      ng2-carouselamos
      class="slides-wrapper"
      [items]="items"
      [width]="1200"
      [$prev]="prev"
      [$next]="next"
      [$item]="item"&gt;
    &lt;/div&gt;
  
    &lt;ng-template #prev&gt;
      &lt;img src="assets/images/left_arrow.png" id="left" /&gt;
    &lt;/ng-template&gt;
    &lt;ng-template #next&gt;
      &lt;img src="assets/images/right_arrow.png" id="right" /&gt;
    &lt;/ng-template&gt;
    &lt;ng-template #item let-item let-i="index"&gt;
      &lt;div class="items"&gt;
        &lt;img src="{{ item.name }}"&gt;
      &lt;/div&gt;
    &lt;/ng-template&gt; 
  </code></pre>
  
  <p>and ts as below:</p>
  
  <pre><code>this.items = [
        { name: 'assets/images/professional_website.jpg' },
        { name: 'assets/images/nature_1200_800.jpg' },
        { name: 'assets/images/nature.jpg' },
        { name: 'assets/images/nature.jpg' },
        { name: 'assets/images/nature.jpg' }, ]
  </code></pre>
  
  <p>how to call [$next]="next" from within ts to automatically executes it after 5 sec?</p>
  
  <p>Thanks.</p>