您的位置:首页 > Web前端 > BootStrap

bootstrap和angular-ui-bootstrap(popover之差)

2017-08-08 18:10 393 查看

在bootstrap中,我们使用popover.js做弹出框,示例如下:

<div>
<button type="button" class="btn btn-default"
data-trigger="hover"
title="popver title"
data-toggle="popver"
data-placement="left"
data-content="popver content">
</button>
</div>


还需要JS中激活一下: $(“[data-toggle=’popver’]”).popver();

在angular中,有他自己的ui框架,类似于bootstrap,其实就是使用自定义指令重构了每个方法,实现的方式也就不同了(个人感觉有些地方不是很好)

<di>
<button type="button" class="btn btn-default"
popover-trigger="'click'"
popover-title="popover title"
popover-placement="left"
uib-popover="some content"
popover-animation="true">
</button>
</div>


需要注意的是触发方式,还有个单引号“‘click’”,就是因为这个,半天没找到原因。

还有一些其他的特点,就不说了,这样功能时可以实现了,详细的查看文档:angular-ui
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: