如何在外部點擊時禁用彈出窗口的隱藏？

Question

我想知道如何防止從外部點擊時彈出的隱藏？ 點擊後，彈出窗口顯示。之後我需要防止它隱藏起來。 當我點擊外面的彈出窗口時，彈出式窗口隱藏。有沒有辦法來防止這種情況？

Codepen網址：http://codepen.io/anon/pen/WvYwqZ

$ionicPopover.fromTemplateUrl('my-popover.html', { 
    scope: $scope 
    }).then(function(popover) { 
    $scope.popover = popover; 
    }); 


    $scope.openPopover = function($event) { 
    $scope.popover.show($event); 
    }; 
    $scope.closePopover = function() { 
    $scope.popover.hide(); 
    }; 

Answer 1

您必須添加backdropClickToClose配置。

angular.module('ionicApp', ['ionic']) 

.controller('AppCtrl', function($scope, $ionicPopover) { 
$ionicPopover.fromTemplateUrl('my-popover.html', { 
    scope: $scope, 
    "backdropClickToClose" :false 
    }).then(function(popover) { 
    $scope.popover = popover; 
    }); 


    $scope.openPopover = function($event) { 
    $scope.popover.show($event); 
    }; 
    $scope.closePopover = function() { 
    console.log("d"); 
    $scope.popover.hide(); 
    }; 


}); 

http://codepen.io/anon/pen/aOQZox