title: Custom component with ion-slide
body: <p>I am trying ionic2 beta9 and am trying to create a custom component with ion-slide, but I am getting an error. </p>
  
  <h2><strong>Parent Component</strong></h2>
  
  <pre><code>&lt;ion-content class="home" padding&gt;    
    &lt;ion-slides loop="true"&gt;
      &lt;slide-item *ngFor="let image of [1,2,3,4,5]" [imgIdx]="image"&gt;&lt;/slide-item&gt;
    &lt;/ion-slides&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <h2><strong>slide-item Custom Component</strong></h2>
  
  <pre><code>&lt;ion-slide&gt;
          &lt;div class="bcontent"&gt;
              &lt;div class="bimg"&gt;
                  &lt;img data-src="images/slide{{imgIdx}}.jpeg"&gt;
              &lt;/div&gt;
              &lt;p class="info"&gt;My text&lt;/p&gt;
          &lt;/div&gt;
  &lt;/ion-slide&gt;
  </code></pre>
  
  <h2><strong>slide-item.ts</strong></h2>
  
  <pre><code>@Component({
    selector: 'slide-item',
    templateUrl: 'build/components/slide-item/slide-item.html',
    directives: [Slides, Slide]
  })
  export class SlideItem {
  
    @Input()
    imgIdx: number;
  
    constructor() {
      console.log("SlideItem::constructor...imgIdx="+this.imgIdx);
    }
  }
  </code></pre>
  
  <h2><strong>I am getting the following error:</strong></h2>
  
  <p>zone.js:461 </p>
  
  <pre><code>Unhandled Promise rejection: Template parse errors:
  No provider for Slides ("
    for more info on Angular 2 Components.
  --&gt;
  [ERROR -&gt;]&lt;ion-slide&gt;
          &lt;div class="bcontent"&gt;
              &lt;div class="bimg"&gt;
  "): SlideItem@6:0 
  </code></pre>
  
  <p>; Zone: angular ; Task: Promise.then ; Value: </p>
  
  <pre><code>BaseException {message: "Template parse errors:↵No provider for Slides ("↵ …↵            &lt;div class="bimg"&gt;↵"): 
  SlideItem@6:0", stack: "Error: Template parse errors:↵No provider for Slid…ndroid_asset/www/build/js/app.bundle.js:30622:41)"}message: 
  "Template parse errors:↵No provider for Slides ("↵  for more info on Angular 2 Components.↵--&gt;↵[ERROR -&gt;]&lt;ion-slide&gt;↵        &lt;div class="bcontent"&gt;↵            &lt;div class="bimg"&gt;↵"): SlideItem@6:0"
  
  stack: "Error: Template parse errors:↵No provider for Slides ("↵  for more info on Angular 2 Components.↵--&gt;↵[ERROR -&gt;]&lt;ion-slide&gt;↵        &lt;div class="bcontent"&gt;↵            &lt;div class="bimg"&gt;↵"): SlideItem@6:0↵    at new BaseException (file:///android_asset/www/build/js/app.bundle.js:1760:23)↵    at TemplateParser.parse (file:///android_asset/www/build/js/app.bundle.js:16401:19)↵    at file:///android_asset/www/build/js/app.bundle.js:14643:64↵    at ZoneDelegate.invoke (file:///android_asset/www/build/js/zone.js:323:29)↵    at Object.onInvoke (file:///android_asset/www/build/js/app.bundle.js:30631:41)↵    at ZoneDelegate.invoke (file:///android_asset/www/build/js/zone.js:322:35)↵    at Zone.run (file:///android_asset/www/build/js/zone.js:216:44)↵    at file:///android_asset/www/build/js/zone.js:571:58↵    at ZoneDelegate.invokeTask (file:///android_asset/www/build/js/zone.js:356:38)↵    at Object.onInvokeTask (file:///android_asset/www/build/js/app.bundle.js:30622:41)"__proto__: ErrorconsoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426
  </code></pre>