繁体   English   中英

Angular UI Bootstrap Popover-如何使用ESC关闭弹出窗口

[英]Angular UI Bootstrap Popover - How to close an popover with ESC

我搜索了问题和答案,尝试了其他方法(例如$('#element').popover('hide') ),但仍然无法使用ESC按钮关闭Bootstrap弹出窗口。

我会(错误地)认为这应该工作

$(document).keyup(function (event) {
    if (event.which === 27) {
      alert( "esc");
      $scope.isOpen = false;
    }
});

,但事实并非如此。

我准备了一个矮人

非常感谢!

首先,将逻辑移至控制器。 然后添加$scope.$apply()强制执行$digest循环(您使用的是jQuery ,这是第三方,而不是内置的角度机制)。

像这样:

控制者

$(document).keyup(function (event) {
        if (event.which === 27) {
          $scope.isOpen = false;
          $scope.$apply();
       }
    });

正如Aran所说,这与摘要循环问题有关,因为角度变化无法检测到变化。

这是一个工作正常的监听器: http ://plnkr.co/edit/M3F7dmmLBrtGdBCICdLm?p=preview

确保使用$ scope。$ digest,因为它将自动强制执行$ apply

$scope.save = function () {
  $scope.isOpen = false;
  $scope.$digest();
};

$(document).keyup(function (event) {
    if (event.which === 27) {
      $scope.save();
    }
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM