@jufabeck2202 wrote:
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?
Posts: 1
Participants: 1