[英]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.