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
相关文章推荐
- angular-ui-bootstrap 日历控件国际化
- AngularJS+ui.bootstrap实现图片轮播
- bootstrap2 升级到bootstrap3 分页pagination 与Angular UI 不兼容
- angular-ui/bootstrap
- Angular -ui - BootStrap组件的解释以及使用
- AngularJS ui.bootstrap.alert 消息
- 使用angularjs ui-bootstrap遇到的问题
- 详解Angular-ui-BootStrap组件的解释以及使用
- Angular之模态弹窗ui-bootstrap-modal及轻量级弹窗ngDialog
- Angular UI ngx-bootstrap 使用说明
- angularjs ui.bootstrap.pagination分页简单使用
- angular-ui-bootstrap-modal必须要说的几个点
- angularjs+bootstrap+SpringMVC+Spring+mybatis+maven--ui.router路由一
- UIBootatrap:是由AngularJS UI团队编写的纯AngularJS实现的Bootstrap组件
- angular-ui-bootstrap (1)
- AngularJS ui.bootstrap.pagination 分页
- 浅谈angular-ui-bootstrap-modal这个骚东西
- angular-ui-bootstrap中,setTriggers无效
- angular Tabs (ui.bootstrap.tabs)
- AngularJS ui.bootstrap.alert 消息