Hello, im currently trying to build a IonicPopover view.
The popover is working on the browser, but when i run the App on Android or Ionic-View it doesnt show.
This is the Popover Template:
<ion-popover-view> <div class="list"> <a class="item item-icon-left" ng-click="shuffleCards()"> <i class="icon ion-shuffle"></i> shuffleCards </a> <a class="item item-icon-left" ng-click="switchCards()"> <i class="icon ion-android-sync"></i> switch card side </a> <a class="item item-icon-left" ng-click="editCard()"> <i class="icon ion-android-create"></i> edit card </a> <a class="item assertive item-icon-left" ng-click="deleteCard()"> <i class="icon ion-android-close"></i> delete card </a> </div> </ion-popover-view>
And this is the controller:
$ionicPopover.fromTemplateUrl(’/templates/queryPopover.html’, {
scope: $scope
}).then(function(popover) {
$scope.popover = popover;
});
//popover functions for shuffle switch edit and delete
$scope.shuffleCards=function() {
//$scope.popover.hide();
}
$scope.switchCards=function() {
//$scope.popover.hide();
}
$scope.editCard=function() {
//$scope.popover.hide();
}
$scope.deleteCard=function() {
//$scope.popover.hide();
}
//normal popover function, called to close and hide the popover.
$scope.openPopover = function($event) {
$scope.popover.show($event);
};
$scope.closePopover = function() {
$scope.popover.hide();
};
//Cleanup the popover when we’re done with it!
$scope.$on(’$destroy’, function() {
$scope.popover.remove();
});
// Execute action on hide popover
$scope.$on(‘popover.hidden’, function() {
// Execute action
});
// Execute action on remove popover
$scope.$on(‘popover.removed’, function() {
// Execute action
});`
What did i miss?