如何使用沒有jQuery的酥料餅的功能引導酥料餅和angular4

Question

<!-- Popover #1 used this html--> 
<a class="btn btn-primary" data-placement="top" data- 
popover-content="#a1" data-toggle="popover" data-t 
trigger="focus" href="#" tabindex="0">Popover 
Example</a> 

<!-- Content for Popover #1 --> 
<div class="hidden" id="a1"> 
<div class="popover-heading"> 
This is the heading for #1 
</div> 
<div class="popover-body"> 
This is the body for #1 
</div> 
</div> 

使用這個網站碼angular4圖書館，我需要CSS的頂部，左側，右側和底部
並與指令，因爲我不想觸發它使用jQuery
代碼或任何庫。

Answer 1

如果你不想使用jQuery，ngx-popover將解決你的問題。

npm install ngx-popover --save 

Answer 2

https://ng-bootstrap.github.io/#/components/popover/api 這個版本的ng-bootstrap是比較有用的。