bootstrap.css
ui-bootstrap-tpls.js
angular定制的bootstrap的模态框,可以方便地将视图与控制器绑定。
模块的定义与模块的控制器:
模态框的控制器:
模态框的视图:
为了复用模态框的底部,所以写了单独的html:
显示效果:

图1 模态框的显示效果
当下拉列表中的元素太多,感觉使用不方便时,就可以用胶囊标签展开。
heading:标签内容。
select: 选中这个标签的回调函数。
样式见图2.
图2 <tabset> 效果
angular封装了pagination指令,在ui-bootstrap-tpls.js文件中。
分页效果见图3,还是很棒的,第1页时,previous自动禁用,最后一页时也一样。
图 3 分页效果
html代码;
js代码: