I have created a n images gallery with the ionic slides box.
Now im trying to add a Zoom-In option by double tapping and it doesnt work.
This is my code:
<ion-pane>
<!-- Ionic header -->
<ion-header-bar align-title="left" class="bar-calm">
<a nav-direction="back" ui-sref='album({id: aId})'>
<button class="button button-clear icon ion-android-arrow-back"> </button>
</a>
<h1 class="title" ng-bind="title"></h1>
</ion-header-bar>
<!-- End of ionic header -->
<ion-content scroll="true" zooming="true" delegate-handle="mainScroll" direction="xy">
<!-- Ionic slide-box widget -->
<ion-slide-box show-pager="false" active-slide="photoIndex" zooming="true" direction="xy" delegate-handle="imageScroll">
<!-- Single slide element -->
<ion-slide ng-repeat="photo in photos" on-double-tap="doubleTapped()">
<!-- Slide image wrapper -->
<div class="carousel-image-wrapper">
<img ng-src="{{ photoUrlPrexif + photo.url }}">
</div>
<!-- end slide image wrapper -->
</ion-slide>
<!-- End of single slide element -->
</ion-slide-box>
<!-- End of slide-box -->
</ion-content>
</ion-pane>
in my controller i do the following
$scope.doubleTapped = function(){
console.log("tapped");
console.log( $ionicScrollDelegate.$getByHandle('mainScroll'));
$ionicScrollDelegate.zoomBy(2, true);
}
I get the following error:
Error: Zooming is not enabled!
But i did configure zooming="true"
How can i solve this?