javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(slides)

Browse Source
This commit is contained in:
mhartington
2015-12-04 17:21:10 -05:00
parent 2132c5c59d
commit 5b39e7add7
1 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
ionic/components/slides/slides.ts
View File

@ -33,35 +33,36 @@ import {Scroll} from '../scroll/scroll';
* ```ts * ```ts
* @Page({ * @Page({
* template: ` * template: `
* <ion-slides pager (slide-changed)="onSlideChanged($event)" loop="true" autoplay="true"> * <ion-slides pager (slide-changed)="onSlideChanged($event)" loop="true" autoplay="true">
* <ion-slide> * <ion-slide>
* <h3>Thank you for choosing the Awesome App!</h3> * <h3>Thank you for choosing the Awesome App!</h3>
* <p> * <p>
* The number one app for everything awesome. * The number one app for everything awesome.
* </p> * </p>
* </ion-slide> * </ion-slide>
* <ion-slide> * <ion-slide>
* <h3>Using Awesome</h3> * <h3>Using Awesome</h3>
* <div id="list"> * <div id="list">
* <h5>Just three steps:</h5> * <h5>Just three steps:</h5>
* <ol> * <ol>
* <li>Be awesome</li> * <li>Be awesome</li>
* <li>Stay awesome</li> * <li>Stay awesome</li>
* <li>There is no step 3</li> * <li>There is no step 3</li>
* </ol> * </ol>
* </div> * </div>
* </ion-slide> * </ion-slide>
* <ion-slide> * <ion-slide>
* <h3>Any questions?</h3> * <h3>Any questions?</h3>
* </ion-slide> * </ion-slide>
* </ion-slides> * </ion-slides>
* ` * `
*}) *})
* *
*``` *```
* @property {Any} [autoplay] - whether or not the slides should automatically change * @property {Boolean} [autoplay] - whether or not the slides should automatically change
* @property {Any} [loop] - whether the slides should loop from the last slide back to the first * @property {Boolean} [loop] - whether the slides should loop from the last slide back to the first
* @property {Any} [bounce] - whether the slides should bounce * @property {Boolean} [bounce] - whether the slides should bounce
* @property {Number} [index] - The slide index to start on
* @property [pager] - add this property to enable the slide pager * @property [pager] - add this property to enable the slide pager
* @property {Any} [slideChanged] - expression to evaluate when a slide has been changed * @property {Any} [slideChanged] - expression to evaluate when a slide has been changed
* @see {@link /docs/v2/components#slides Slides Component Docs} * @see {@link /docs/v2/components#slides Slides Component Docs}