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

来源:互联网 发布:淘宝单笔如何部分退款 编辑:程序博客网 时间:2024/06/05 20:37

在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

原创粉丝点击