Open ionicPopover from tab


#1

I want to create an ionicPopover from the bottom when a tab is clicked (its a camera tab so two options should be to take a picture or upload from album). This is my code for the CameraCtrl but nothing shows up.

.controller('CameraCtrl', function ($scope, $http, $cordovaCamera, $ionicPopover){
var cameraPopover = '<ion-popover-view><ion-header-bar><h1 class="title"> Select One...</h1> </ion-header-bar> <ion-content>Test</ion-content></ion-popover-view>';

$scope.popover = $ionicPopover.fromTemplate(cameraPopover, {
    scope: $scope
});

$scope.$on('$viewContentLoaded', function(){
    $scope.popover.show($event);
});

})

I read online that CSS opaque needs to be changed from 0 to 1 but still nothing?


#2

SOLVED: used $ionicView.enter and removed $event

$scope.$on('$ionicView.enter', function(){ $scope.popover.show(); console.log });