[solved] PopOver not opening

#1

SOLVED: I had "<script id="stampOptionsPopOver" type="text/ng-template">" in my external template popover file. Should have removed that because it’s an include.

Im using “version”: “1.0.0-beta.13-nightly-529” and my code to open a popover goes as follows (the template loads fine through an ajax call):

$ionicPopover.fromTemplateUrl(‘templates/partials/stampOptions.html’, {
scope: $scope,
}).then(function(popover) {
$scope.popover = popover;
});

$scope.showStampOptions = function($event){
$scope.popover.show($event);
};

When I click on a element and the showStampOptions() function gets called, I get the following error and can’t seem to figure out what’s wrong.

Cannot read property 'querySelector' of undefined
    at positionView (http://localhost:9404/lib/ionic/js/ionic.bundle.js:37517:40)
    at ionic.views.Modal.inherit.show (http://localhost:9404/lib/ionic/js/ionic.bundle.js:36921:14)
    at Scope.$scope.showStampOptions (http://localhost:9404/js/controllers/overzicht.js:161:20)
    at http://localhost:9404/lib/ionic/js/ionic.bundle.js:18474:21
    at http://localhost:9404/lib/ionic/js/ionic.bundle.js:43050:9
    at Scope.$eval (http://localhost:9404/lib/ionic/js/ionic.bundle.js:20329:28)
    at Scope.$apply (http://localhost:9404/lib/ionic/js/ionic.bundle.js:20427:23)
    at HTMLAnchorElement.<anonymous> (http://localhost:9404/lib/ionic/js/ionic.bundle.js:43049:13)
    at http://localhost:9404/lib/ionic/js/ionic.bundle.js:10481:10
    at forEach (http://localhost:9404/lib/ionic/js/ionic.bundle.js:7953:18)
#2

@jorre
I have got this error while load pop over from extrenal file.Did you fix this?
Please help us.

Thanks in advance
Ajeesh KS

#3

I’m also using ng-include to import the template. Like you said, taking the <script> out of the template solved the problem!

Thanks!

#4

i have this problem too,
i fixed by adding animation to popover and is work like charm

 $ionicPopover.fromTemplateUrl('template/popover/showMore.html', {
            scope: $scope,
            animation : 'ease-out'
        }).then(function (popover) {
            $scope.popover = popover;
            $scope.popover.show($event);
        });