UI-Bootstrap是AngularJs團隊在Bootstrap基礎上，用AngularJs實現的一組UI控件，包括Tab頁，手風琴，下拉菜單，模態窗口，日期選擇等等。原生的這些控件在Bootstrap里是用Jquery寫的，用了UI-Bootstrap就可以拋開Jquery，以AngularJs的風格實現我們的應用了
准備工作：
1. 既然UI-Bootstrap是Angularjs和Bootstrap的合體，那么它肯定要依賴於AngularJs腳本和Bootstrap的樣式，所以在頁面中，一共需要引入這幾個文件:
<script src="/Scripts/angular.js"></script>
<script src="/Scripts/ui-bootstrap-tpls-1.3.2.js"></script>
<link href="/Content/bootstrap.css" rel="stylesheet" />
注：
Angularjs的版本要在1.4.0以上(后面例子中使用的是1.5.5)，Bootstrap的版本要在3.0以上(后面例子中使用的是3.3.6)
ui-bootstrap-tpls-1.3.2.js名字中含有”tpls”，表示這個腳本是包括了指令中所用到的模板
如果需要用到動畫和滑動，需要引入Angular-animate.js和Angular-touch.js文件
如果需要用到日期，貨幣，數字的本地化，需要引入angular-locale_zh-cn.js文件
2. 引入正確的腳本后，在module中需要指定依賴的module，即:
angular.module('myModule'， ['ui.bootstrap']);
3. bootstrap使用的字體圖標有兩個文件，后綴為woff和woff2.默認情況下，IIS是不支持這兩個文件類型的，因此需要添加MIME類型，如下:
<system.webServer>
<staticContent>
<remove fileExtension=".woff"/>
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<remove fileExtension=".woff2"/>
<mimeMap fileExtension=".woff2" mimeType="application/font-woff" />
</staticContent>
</system.webServer>
4. 在ui-bootstrap中，以屬性方式使用的指令對應的值，大多數為表達式，比如is-disabled=true，is-disabled的值就可以設置為一個表達式，或者使用{{}}綁定一個$scope的變量。有少部分指令的值不能是表達式，而要設置為字符串，在后面例子中會說明。