i used doc http://ionicframework.com/docs/nightly/api/directive/ionslides/ , use starter app template. added html template , js part controller, gave out error referenceerror: fade not defined , shows nothing..
does has working ion-slides example 1.2.4 ionic? assumption changed haven't produced doc yet.
here code used, added js part controller , html view.
$scope.options = { loop: false, effect: fade, speed: 500, } $scope.data = {}; $scope.$watch('data.slider', function(nv, ov) { $scope.slider = $scope.data.slider; }) <ion-slides options="options" slider="data.slider"> <ion-slide-page> <div class="box blue"><h1>blue</h1></div> </ion-slide-page> <ion-slide-page> <div class="box yellow"><h1>yellow</h1></div> </ion-slide-page> <ion-slide-page> <div class="box pink"><h1>pink</h1></div> </ion-slide-page> </ion-slides> when going view received error:
referenceerror: fade not defined @ new (controllers.js:22) @ invoke (ionic.bundle.js:17762) @ object.instantiate (ionic.bundle.js:17770) @ ionic.bundle.js:22326 @ self.appendviewelement (ionic.bundle.js:56883) @ object.switcher.render (ionic.bundle.js:54995) @ object.switcher.init (ionic.bundle.js:54915) @ self.render (ionic.bundle.js:56743) @ self.register (ionic.bundle.js:56701) @ updateview (ionic.bundle.js:62357) i using example of nightly version , ionic version 1.2.4
what worked me setting effect option string because doing (as written , copied docs) passing variable named fade , of course haven't defined explains error.
so change code to
$scope.options = { loop: false, effect: 'fade', speed: 500 } and should work.
heres list of other effects try out :) slide or cube or coverflow
Comments
Post a Comment