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代碼：