Angular Bootstrap: 基于功能的工具提示放置

Question

我正在使用 Angular Bootstrap Popover:

<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>

如果使用默认 Bootstrap JavaScript，可以使用函数定义 placement。

如何使用 Angular Bootstrap 完成此操作？我想在移动设备上从 right 切换到 left。 （宽度 < 768 像素）。

Answer 1

在放置控制器中定义一个变量'placement'。并将 html 代码更改为

<button popover-placement="{{placement}}" popover="On the Top!" class="btn btn-default">Top</button>

现在您可以根据条件更改工具提示在控制器中的位置