Loop slides

ionic/components/slides/test/continuous/index.js

@@ -0,0 +1,44 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Slides, Slide, SlidePager, List, Item, Content, Button} from 'ionic/ionic';
+
+@Component({
+  selector: 'ion-app'
+})
+@View({
+  directives: [Slides, Slide, SlidePager, Content, Button, List, Item],
+  template: `
+    <ion-slides #slides loop>
+      <ion-slide style="background-color: blue">
+        <h2>Page 1</h2>
+      </ion-slide>
+      <ion-slide style="background-color: yellow">
+        <h2>Page 2</h2>
+      </ion-slide>
+      <ion-slide style="background-color: pink">
+        <h2>Page 3</h2>
+      </ion-slide>
+      <ion-pager>
+      </ion-pager>
+    </ion-slides>
+
+    <div style="position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center">
+      <button (click)="slides.prev()" primary>Prev</button>
+      <button (click)="slides.next()" primary>Next</button>
+    </div>
+  `
+})
+class IonicApp {
+  next() {
+    console.log('Next');
+  }
+  prev() {
+    console.log('Prev');
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}