title: "ion-slides "options" has been deprecated", now what?
body: <p>I'm trying to implement <a href="https://ionicframework.com/docs/v2/api/components/slides/Slides/" rel="nofollow noreferrer">Ionic2's Slides</a>, but I can't find how to set the settings:</p>
  
  <blockquote>
    <p>ion-slides "options" has been deprecated. Please use ion-slide's input properties instead.</p>
  </blockquote>
  
  <p>I can find the 'input properties' (e.g. <em>autoplay, speed, direction</em>), but I don't have a clue where to place this. Every example I find does <code>[options]="slideOptions"</code> where <code>slideOptions</code> are the settings, but that results in no result other that the deprecated notice.  </p>
  
  <p>I'm new to ionic v2 and typescript, I could probally get a hacky solution to work, but I want to do it right.</p>
  
  <hr>
  
  <p>The HTML in <code>ion-content</code>:</p>
  
  <pre><code>&lt;ion-slides [options]="slideOptions"&gt;
      &lt;ion-slide *ngFor="let item of items"&gt;
          &lt;img width="20%"src="{{item.thumb.source}}"&gt;
      &lt;/ion-slide&gt;
  &lt;/ion-slides&gt;
  </code></pre>
  
  <p>And the simplified class:
      import { Slides } from 'ionic-angular';</p>
  
  <pre><code>@Component({
    selector: 'page-example',
    templateUrl: 'example.html'
  })
  
  export class Example {
      public items: any;
      private slideOptions: any;
  
      @ViewChild(Slides) slides: Slides;
  
      constructor(private navCtrl: NavController, public navParams: NavParams) {
          this.items = [];
          this.albumInfo = navParams.get('item');
  
          this.getSlides();
      }
  
      // This does nothing:
      goToSlide() {
          this.slides.slideTo(2, 500);
      }
      // This  does nothing:
      ngAfterViewInit() {
          this.slides.autoplay = 2000;
      }
  
  
      // Simple example of getting the slides
      makeGetRequest():Promise&lt;string&gt; {      
          /* Get the items code, populates this.items
      }
  }
  </code></pre>