如何使用没有jQuery的酥料饼的功能引导酥料饼和angular4

问题描述：

<!-- 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
代码或任何库。如何使用没有jQuery的酥料饼的功能引导酥料饼和angular4

我想知道你是否尝试过https://ng-bootstrap.github.io/#/getting-started或者你是否希望在老派的方式做到这一点？就像下载bootstrap然后在Angular 4应用程序中使用它一样？ –

Bootstrap库已添加到我的项目中。我不希望popover函数触发它，因为我不想使用jquery.so需要相同的bootstrap 4 popover功能。如果上面提到的html代码使用相同类型 – user3881248

答

如果你不想使用jQuery，ngx-popover将解决你的问题。

npm install ngx-popover --save

谢谢但我不想使用图书馆 – user3881248

答

https://ng-bootstrap.github.io/#/components/popover/api 这个版本的ng-bootstrap是比较有用的。

如何使用没有jQuery的酥料饼的功能引导酥料饼和angular4

相关推荐