angularjs - 检测 uib-popover 何时打开和关闭?

标签 angularjs angular-ui-bootstrap

我一直在玩uib-popover并且无法弄清楚如何检测弹出窗口何时显示或关闭。它似乎没有像“shown.bs.open/hidden”这样的事件存在于常规 bootstrap 弹出窗口中。

有没有办法做到这一点我想念?

弹出窗口本身的显示是在点击时显示的,但无论它是打开还是关闭,它显然总是不可见。请注意,我正在附加到正文。

谢谢

最佳答案

我认为您正在寻找 popover-is-open子指令

从文档

popover-is-open (Default: false) - Whether to show the popover.



请注意,此子指令适用于观察者

This setting has an angular $watch listener applied to it.



这是如何使用它
<button uib-popover="I am activated manually" 
        popover-is-open="isOpen2"
        type="button" class="btn btn-default">
  Toggle popover
</button>

你可以在你的 Controller 中初始化它
$scope.isOpen2 = false; // or true

这是一个 demo plunk

关于angularjs - 检测 uib-popover 何时打开和关闭?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45262999/

相关文章:

angularjs - 打开时在 AngularUI 模式的输入字段中选择文本

javascript - 在日期点击时关闭 Angular-bootstrap-datetimepicker

使用模态弹出窗口的 Javascript 选择控件

javascript - AngularJs 在 Controller 和 Controller 之间共享 $scope

javascript - 使用 ng-include、angularjs 包含页面

javascript - 括号围绕作业完成什么任务

angularjs - AngularJS:禁用或删除生成的HTML中的ng-scope和ng-binding

twitter-bootstrap - 更改 Bootstrap 工具提示显示/淡入淡出的时间量

javascript - Angular UI Bootstrap - 在 typeahead-no-results 上显示下拉菜单

javascript - 在不刷新页面的情况下无法更新 $scope 对象