Javascript 在angular中实现交互式popover/Callout

我们正在Angular.js中做一个项目，我们从用户体验人员那里得到的模型大量使用交互式弹出框/标注

问题是，我似乎无法以一种干净的方式将这些概念映射到角度概念上。从概念上讲，它们需要自己的模板、控制器，并且需要在整个页面中创建和销毁它们。重叠元素而不更改布局

引导模式被认为是不可接受的替代方案。创始人非常热衷于在页面上创建指向特定元素的交互式对话

---

有什么可以做到这一点吗？或者你有什么建议吗？

我会执行一个或多个指令，你可以在其他元素的焦点、模糊或鼠标悬停上显示这些指令。根据您的实现，您可能只需要一个打开onFocus或onBLur的指令就可以成功。Angular 1.2支持ng focus、ng mouseover和ng blur，您可以利用它们来执行类似的操作

<div class="check-thing">
   <button class="checkmark" ng-mouseenter="showModal = true" ng-mouseleave="showModal = false"></button>
   <modal ng-show="showModal" model="modal-model"></modal>
</div>

然后让指令中的表单填充一个双向绑定的模态模型，或者在用户单击控制器等待的OK时发出回调。将整个checker作为一个指令并重复使用可能更好

---

当心，这些在平板电脑或手机上都不是很友好，因为它们不支持悬停。

你看过AngularUI引导模式吗？（）它们非常适合AngularJS，并且可以设计成几乎任何你想要的外观。传入和传出数据非常容易。大多数用户体验用户似乎不了解网络是如何工作的（我的用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验用户体验

角度UI BS Popover允许您将其与目标元素对齐，这些元素可以是click、hoover和focus

对于内容，您可以选择文本、HTML格式的字符串和模板。基于这个问题，该模板很可能是用于允许内容动态并包含交互的模板

---

你可以在以下网站上找到更多信息和它的工作原理演示：

他在问题中说，它们不是可接受的解决方案，尽管我不知道为什么，因为它们是完全合法的、可风格化的角度选择。我现在实际上正在使用它们。创始人真的希望绝对定位的元素指向特定的元素。他说BOOTSTRAP modals，我解释为普通的旧BOOTSTRAP，而不是AngularUI BOOTSTRAP。wmil-您只需覆盖CSS，就可以定位/设置这些模态的样式，使其以您想要的方式显示。我在右下角有一个按钮，当点击按钮时，它充当菜单。