i’m using ionSlideTabs directive.it is working fine but when i click sidemenu time ion-slide tab css is not activated,before activated ion-slide tab css only displayed.suppose i slide in html page that time ion-slide tab css working fine
here my controller code:
$scope.changeSlide = function (index,directoryName)
{
console.log('Slide changed to ' + index);
var data= directoryName[index]
if(data !=null){
var directoryId =data.directoryId;
data.dirId = directoryId;
getImages();
function getImages() {
userService.getImages(data).then(function(response) {
$scope.imageData = response;
$scope.current = index;
$ionicSlideBoxDelegate.slide(index);
},function(error) {
})
}
}
$scope.ready.push(index + ': ' + true);
};
**home.html:**
<ion-content scroll="false" style="top:0px;" >
<ion-slide-box slide-tabs-scrollable="true" show-pager="false"
on-slide-changed="changeSlide($index,directoryList)"
bounce="false" ion-slide-tabs>
<ion-slide ng-repeat="($index, catg) in directoryList track by $index" ng-class:"{'slidingTabs tab-indicator-wrapper tab-indicator' :'key==current'}"
ion-slide-tab-label="{{catg.directoryName}}" >
<div class="row gallery">
<div class="col col-33" ng-repeat="element in imageData" ng-click="showImages($index)">
<img ng-src="data:image/jpeg;base64,{{element.imagePath}}" width="100%" />
</div>
</div>
</ion-slide>
</ion-slide-box>
</ion-content>
**sidemenu.html:**
{{menu.menuName}} <i class="icon" style="position: absolute;
right: 8%;" ng-class="isGroupShown(menu) ? 'ion-minus' : 'ion-plus'"></i>
</ion-item>
<ion-item class="item-accordion"
ng-repeat="($index, directories) in directoryList"
ng-click="changeSlide($index,directoryList)"
ng-show="isGroupShown(menu)" >
{{directories.directoryName}}
</ion-item>