angular - 标签内的 ng-bootstrap 弹出框

Question

我的问题很简单，有一个Angular 5组件就有一个问题链接如下：

<a href="">¿Do you have any problem?</a>

我想添加一个弹出框元素（在顶部位置），以便当您单击它时，显示弹出框，当您再次单击时，弹出框将隐藏。

像那样：

ng-bootstrap 示例

但它不是一个按钮，而是一个链接。

非常感谢！

标签： angulartwitter-bootstrappopoverng-bootstrap

Answer 1

在如下标签下使用相同的方式

<a class="your-class" placement="top" ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popoverTitle="Popover on top">
  Popover on top
</a>

工作演示 https://stackblitz.com/edit/angular-jewqs1