【问题标题】:Angular-UI bootstrap popover directive componentAngular-UI 引导弹出指令组件
【发布时间】:2016-02-04 09:48:50
【问题描述】:

我开发了一个指令来维护下拉引导菜单中小部件的内联帮助,但是当我从下拉菜单中单击帮助时,弹出框当前绑定到元素并且无法分离,因此它会从该元素打开 absolute位置。

但要求是,如果我们在下拉菜单中单击帮助,我们将显示如下所示的弹出窗口

我不确定这是否可能,无论如何我会列出我所做的努力。

  • Angular-UI Bootstrap 没有帮助,它不具备像 bootstrap 那样以编程方式触发的任何功能。
  • 但是,在 Angular-UI Bootstrap 中,我们可以添加由 Elijen 完成的触发器,但它会分为两个组件。

我的问题是创建一个指令来容纳触发器和弹出框,就像第二张图片一样。我不想通过覆盖 CSS 来破坏引导程序的健全性。我想知道我们是否可以编写一个方法来检测位置并移动到小部件的顶部或类似的东西,因为它是一个可重用的组件。

之所以是单指令,是因为它会被打包到webpack中,做成一个跨界工具。

【问题讨论】:

  • 你能做一个笨蛋或小提琴吗?

标签: angularjs twitter-bootstrap angular-ui-bootstrap


【解决方案1】:

angular-ui-bootstrap 弹出框监听 popover-is-open 属性以支持以编程方式打开弹出框。

【讨论】:

    猜你喜欢
    • 2013-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多