of-bootstrap 弹出框在 <a> 标签内

Question

我的问题很简单，有一个Angular5个分量有一个问题link如下：

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

我想在元素上添加一个弹出窗口（在顶部位置），这样当你点击它时，弹出窗口就会显示出来，当你再次点击时，弹出窗口就会隐藏。

像那样：

ng-bootstrap example

但不是按钮而是 link。

非常感谢！

Answer 1

您可以使用下面的代码

<a class="icon-info" [ngbTooltip]="HelpContent" #toolTip="ngbTooltip" (click)="toolTip.open()"></a>

<ng-template #HelpContent>
  Here is Help content
</ng-template>

Answer 2

在下面的标签下使用相同的方法

<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

of-bootstrap 弹出框在 <a> 标签内

ng-bootstrap popover inside <a> tag

angular

twitter-bootstrap

popover

ng-bootstrap