Question

我正在使用Ionic版本＆＃34; 1.1.0＆＃34;和角度版本＆＃34; 1.4.3＆＃34;

我正面临着Ionic popover的问题，我已经用html模板创建了离子弹出窗口，popover是基于用户操作打开的，我在弹出窗口上有两个按钮，而在按钮处理程序中我正在编写代码=＆gt; $ scope.popover.hide（）关闭popover，它第一次运行正常，它关闭，弹出窗口打开后第二次再次关闭

需要你的建议并想知道我是否遗漏了某些东西

并且在hide方法承诺上，我正在进行状态转换，第二次当我们点击popover按钮时，状态转换正在发生但是popover没有关闭

下面的

是我正在使用的代码段

$ionicPopover.fromTemplateUrl('app/layout/eo-confirmation-popup.html', {
                    scope: $scope,
                    backdropClickToClose: false
                }).then(function (popover) {
                    $scope.dataLossPopover = popover;
                       $scope.dataLossPopover.show(angular.element(document.querySelector('.popupPosition')));
                });

点击按钮调用以下代码

$scope.dataLossPopover.hide().then(function () {
            $state.go(...);
        });

谢谢， Mallik

Answer 1

尝试这样的事情

$ionicPopover.fromTemplateUrl('app/layout/eo-confirmation-popup.html', {
                    scope: $scope,
                    backdropClickToClose: false
                }).then(function (popover) {
                    $scope.dataLossPopover = popover;
                });


$scope.openPopover = function(event) {
    $scope.dataLossPopover.show(event)
}
$scope.closePopover = function(event) {
    $scope.dataLossPopover.hide(event).then({
        $state.go();
    })
}

如果您点击

打开弹出窗口

<button ng-click="openPopover($event)"></button>
<button ng-click="closePopover($event)"></button>

离子弹出不是第二次隐藏

1 个答案: