New Ion-Slides documentation is wrong?


#1

Hi,

I tried to follow the new Ion-Slides documentation and embed the ion-slides into a slidemenu structure app (browse page), but can’t not reproduce the result.

2 things i noticed needed to change to make it work:

$scope.options = {
initialSlide: 0,
loop: false,
effect: ‘slide’,
speed: 500,
};

  1. effect value needs to be quoted.
  2. if the ion-slides lives in a , each needs to wrap otherwise all the slide content will be shift up and hidden behind the header bar.
<ion-slides class="has-header" options="options" slider="data.slider">
  <ion-slide-page>
  	 <ion-content>
    	<div class="box blue"><h1>BLUE</h1></div>
     </ion-content>
  </ion-slide-page>
  <ion-slide-page>
  	<ion-content>
    <div class="box yellow"><h1>YELLOW</h1></div>
    </ion-content>
  </ion-slide-page>
  <ion-slide-page>
  	<ion-content>
    <div class="box pink"><h1>PINK</h1></div>
    </ion-content>
  </ion-slide-page>
</ion-slides>

Can this be confirmed indeed is the problem with the documentation rather than my mistake?

regards
zyw