title: How to get Slick Component Instance using view Child
body: <p>I am new to angular and  trying to implements a paginated carousel <a href="https://www.npmjs.com/package/ngx-slick" rel="nofollow noreferrer">using ngx-slick plugin</a>. </p>
  
  <p>Using this plugin, when the caurosal loads in the template i need to make sure that the caurosal starts from index 1 (not 0). for which this plugin has given a function known as slickGoTo. For calling this function i need the instance of slick component. but whenever i tried to fetch instance of slick component i m getting this 'Error: Cannot read property 'slick' of undefined' error. I have implemented this scenario in <a href="https://stackblitz.com/edit/angular-rzf2vx" rel="nofollow noreferrer">stackblitz url</a> (jquery is not loading when u open the stackblitz  not sure why ). Please suggest how to fetch the instance of this component</p>
  
  <p>below is template example of using it :</p>
  
  <pre><code>&lt;ngx-slick class="carousel" #slickModal="slick-modal" [config]="slideConfig" (afterChange)="afterChange($event)"&gt;
          &lt;div ngxSlickItem *ngFor="let slide of slides" class="slide"&gt;
                &lt;img src="{{ slide.img }}" alt="" width="100%"&gt;
          &lt;/div&gt;
      &lt;/ngx-slick&gt;
  
      &lt;button (click)="addSlide()"&gt;Add&lt;/button&gt;
      &lt;button (click)="removeSlide()"&gt;Remove&lt;/button&gt;
      &lt;button (click)="slickModal.slickGoTo(2)"&gt;slickGoto 2&lt;/button&gt;
      &lt;button (click)="slickModal.unslick()"&gt;unslick&lt;/button&gt;
  </code></pre>
  
  <p>in which you can see the slickGoto button is present. I need same functionality in my component class.</p>