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

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

1 个答案: