如何禁用点击外部区域时弹出窗口的隐藏？

Question

我想知道如何防止点击外部时POP弹窗被隐藏？

当我点击时，POP弹窗是显示的。我需要防止在此之后它被隐藏。

当我点击弹窗外部时，我的POP弹窗会被隐藏。有没有办法防止这种情况发生？

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();
  };

- user944513

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

- Vishnu

---

对我有用。 :) - Naveen Kumar V